@nutui/nutui 3.1.12-beta.1 → 3.1.12

package/dist/packages/_es/Dialog.js

@@ -17,28 +17,29 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __require = typeof require !== "undefined" ? require : (x) => {
-  throw new Error('Dynamic require of "' + x + '" is not supported');
+var __publicField = (obj, key, value) => {
+  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+  return value;
 };
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, onMounted, watch, computed, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, Fragment, createTextVNode, toDisplayString, createCommentVNode, normalizeStyle } from "vue";
+import { ref, onMounted, watch, computed, resolveComponent, openBlock, createBlock, withCtx, createElementVNode, normalizeClass, createElementBlock, renderSlot, Fragment, createTextVNode, toDisplayString, createCommentVNode, normalizeStyle, createVNode, render, h } from "vue";
 import { c as createComponent } from "./component.js";
-import _sfc_main$1, { popupProps } from "./Popup.js";
-import _sfc_main$2 from "./Button.js";
-import "./use-lock-scroll.js";
+import Popup, { popupProps } from "./Popup.js";
+import Button from "./Button.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 import "./OverLay.js";
-import "./index.taro.vue_vue&type=script&lang.js";
+import "./Icon.js";
 import "./pxCheck.js";
 const { componentName, create } = createComponent("dialog");
-var _sfc_main = create({
+const _sfc_main = create({
   inheritAttrs: false,
   components: {
-    [_sfc_main$1.name]: _sfc_main$1,
-    [_sfc_main$2.name]: _sfc_main$2
+    [Popup.name]: Popup,
+    [Button.name]: Button
   },
   props: __spreadProps(__spreadValues({}, popupProps), {
     closeOnClickOverlay: {
@@ -85,37 +86,16 @@ var _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"
-  ],
+  emits: ["update", "update:visible", "ok", "cancel", "open", "opened", "close", "closed"],
   setup(props, { emit }) {
     const showPopup = ref(props.visible);
     onMounted(() => {
@@ -148,8 +128,8 @@ var _sfc_main = create({
       }
     };
     const onOk = () => {
-      closed();
       emit("ok");
+      closed();
     };
     return {
       closed,
@@ -165,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");
@@ -200,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,
@@ -229,11 +208,84 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               _: 1
             }, 8, ["class", "disabled", "onClick"])) : createCommentVNode("", true)
           ], 64))
-        ])) : createCommentVNode("", true)
+        ], 2)) : createCommentVNode("", true)
       ], 2)
     ]),
     _: 3
   }, 8, ["teleport", "visible", "close-on-click-overlay", "lock-scroll", "onClickOverlay", "onClickCloseIcon"]);
 }
-_sfc_main.render = _sfc_render;
-export { _sfc_main as default };
+var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+class DialogOptions {
+  constructor() {
+    __publicField(this, "title", "");
+    __publicField(this, "content", "");
+    __publicField(this, "cancelText", "\u53D6\u6D88");
+    __publicField(this, "okText", "\u786E\u5B9A");
+    __publicField(this, "textAlign", "center");
+    __publicField(this, "teleport", "body");
+    __publicField(this, "onUpdate", (value) => {
+    });
+    __publicField(this, "onOk", () => {
+    });
+    __publicField(this, "onCancel", () => {
+    });
+    __publicField(this, "onClose", () => {
+    });
+    __publicField(this, "onClosed", () => {
+    });
+    __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", false);
+  }
+}
+class DialogFunction {
+  constructor(_options) {
+    __publicField(this, "options", new DialogOptions());
+    __publicField(this, "close", () => {
+    });
+    __publicField(this, "setDefaultOptions", (options) => {
+    });
+    __publicField(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-" + new Date().getTime();
+    const Wrapper = {
+      setup() {
+        options.onUpdate = (val) => {
+          if (val == false) {
+            elWarp.removeChild(root);
+          }
+        };
+        options.teleport = `#${root.id}`;
+        return () => {
+          return h(Dialog, options);
+        };
+      }
+    };
+    const instance = createVNode(Wrapper);
+    elWarp.appendChild(root);
+    render(instance, root);
+  }
+}
+const _Dialog = function(options) {
+  return new DialogFunction(options);
+};
+_Dialog.install = (app) => {
+  app.use(Dialog);
+  app.config.globalProperties.$dialog = _Dialog;
+};
+export { Dialog, DialogOptions, _Dialog as default };

package/dist/packages/_es/Divider.js

@@ -1,12 +1,13 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @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";
 const { componentName, create } = createComponent("divider");
-var _sfc_main = create({
+const _sfc_main = create({
   props: {
     contentPosition: {
       type: String,
@@ -38,11 +39,11 @@ var _sfc_main = create({
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("view", {
+  return openBlock(), createElementBlock("div", {
     class: normalizeClass(_ctx.classes)
   }, [
     renderSlot(_ctx.$slots, "default")
   ], 2);
 }
-_sfc_main.render = _sfc_render;
-export { _sfc_main as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Drag.js

@@ -1,14 +1,14 @@
 /*!
-* @nutui/nutui v3.1.11 Wed Nov 24 2021 14:54:38 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.12 Sat Nov 27 2021 11:30:43 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */
-import { ref, reactive, computed, onMounted, onActivated, onDeactivated, openBlock, createElementBlock, normalizeClass, withModifiers, normalizeStyle, renderSlot } from "vue";
+import { ref, reactive, computed, onMounted, onActivated, onDeactivated, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
 import { c as createComponent } from "./component.js";
 import { r as requestAniFrame } from "./raf.js";
-import Taro, { eventCenter, getCurrentInstance } from "@tarojs/taro";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
 const { componentName, create } = createComponent("drag");
-var _sfc_main = create({
+const _sfc_main = create({
   props: {
     attract: {
       type: Boolean,
@@ -40,13 +40,10 @@ var _sfc_main = create({
       screenHeight: 0,
       startTop: 0,
       startLeft: 0,
-      initTop: 0,
       nx: 0,
       ny: 0,
       xPum: 0,
       yPum: 0,
-      top: 0,
-      left: 0,
       position: { x: 0, y: 0 },
       boundary: {
         top: 0,
@@ -56,58 +53,54 @@ var _sfc_main = create({
       }
     });
     const classes = computed(() => {
-      const prefixCls = "nut-taro-drag";
+      const prefixCls = componentName;
       return {
         [prefixCls]: true
       };
     });
-    const domElem = Taro.getSystemInfoSync();
     function getInfo() {
-      const query = Taro.createSelectorQuery();
-      query.select(".myDrag").boundingClientRect((rec) => {
-        state.elWidth = rec.width;
-        state.elHeight = rec.height;
-        state.initTop = rec.top;
-      }).exec();
-      console.log(domElem.windowWidth);
-      state.screenWidth = domElem.screenWidth;
-      state.screenHeight = domElem.screenHeight;
+      const domElem = document.documentElement;
+      state.elWidth = myDrag.value.offsetWidth;
+      state.elHeight = myDrag.value.offsetHeight;
+      state.screenWidth = domElem.clientWidth;
+      state.screenHeight = domElem.clientHeight;
     }
-    function goLeft() {
+    function goLeft(target) {
       if (state.boundary.left) {
-        if (+state.left.split("px")[0] > state.boundary.left) {
-          state.left = +state.left.split("px")[0] - 10 + "px";
+        if (+target.style.left.split("px")[0] > state.boundary.left) {
+          target.style.left = +target.style.left.split("px")[0] - 10 + "px";
           requestAniFrame(() => {
-            goLeft();
+            goLeft(target);
           });
         } else {
-          state.left = `${state.boundary.left}px`;
+          target.style.left = `${state.boundary.left}px`;
         }
       } else {
-        if (+state.left.split("px")[0] > 10) {
-          state.left = +state.left.split("px")[0] - 10 + "px";
+        if (+target.style.left.split("px")[0] > 10) {
+          target.style.left = +target.style.left.split("px")[0] - 10 + "px";
           requestAniFrame(() => {
-            goLeft();
+            goLeft(target);
           });
         } else {
-          state.left = "0px";
+          target.style.left = "0px";
         }
       }
     }
-    function goRight(rightLocation) {
-      if (rightLocation - parseInt(state.left.split("px")[0]) > 10) {
-        state.left = parseInt(state.left.split("px")[0]) + 10 + "px";
+    function goRight(target, rightLocation) {
+      if (rightLocation - parseInt(target.style.left.split("px")[0]) > 10) {
+        target.style.left = parseInt(target.style.left.split("px")[0]) + 10 + "px";
         requestAniFrame(() => {
-          goRight(rightLocation);
+          goRight(target, rightLocation);
         });
       } else {
-        state.left = rightLocation + "px";
+        target.style.left = rightLocation + "px";
       }
     }
     function touchMove(e) {
       e.preventDefault();
-      if (e.touches.length === 1) {
-        const touch = e.touches[0];
+      const target = e.currentTarget;
+      if (e.targetTouches.length === 1) {
+        const touch = e.targetTouches[0];
         state.nx = touch.clientX - state.position.x;
         state.ny = touch.clientY - state.position.y;
         state.xPum = state.startLeft + state.nx;
@@ -124,14 +117,15 @@ var _sfc_main = create({
           state.yPum = state.screenHeight - state.elHeight - state.boundary.bottom;
         }
         if (props.direction != "y") {
-          state.left = state.xPum;
+          target.style.left = state.xPum + "px";
         }
         if (props.direction != "x") {
-          state.top = state.yPum;
+          target.style.top = state.yPum + "px";
         }
       }
     }
     function touchEnd(e) {
+      const target = e.currentTarget;
       const touch = e.changedTouches[0];
       let currX = touch.clientX;
       const rightLocation = state.screenWidth - state.elWidth - state.boundary.right;
@@ -145,47 +139,33 @@ var _sfc_main = create({
       if (props.direction != "y" && props.attract) {
         if (currX < state.screenWidth / 2) {
           requestAniFrame(() => {
-            goLeft();
+            goLeft(target);
           });
         } else {
           requestAniFrame(() => {
-            goRight(rightLocation);
+            goRight(target, rightLocation);
           });
         }
       }
-      if (props.direction !== "x") {
-        state.top = state.yPum;
+      if (props.direction != "x") {
+        target.style.top = state.yPum + "px";
       }
     }
     function touchStart(e) {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
-      const query = Taro.createSelectorQuery();
-      let id = (_a = e == null ? void 0 : e.mpEvent) == null ? void 0 : _a.currentTarget.id;
-      let offsetTop = (_b = e == null ? void 0 : e.currentTarget) == null ? void 0 : _b.offsetTop;
-      let offsetLeft = (_c = e == null ? void 0 : e.currentTarget) == null ? void 0 : _c.offsetLeft;
+      const target = e.currentTarget;
       const touches = e.touches[0];
-      const mobileTop = (_f = (_e = (_d = e.touches[0]) == null ? void 0 : _d.target) == null ? void 0 : _e.parentNode) == null ? void 0 : _f.style.top;
-      const mobileLeft = (_i = (_h = (_g = e.touches[0]) == null ? void 0 : _g.target) == null ? void 0 : _h.parentNode) == null ? void 0 : _i.style.left;
-      query.selectAll(".myDrag").boundingClientRect((rec) => {
-        rec.forEach((element) => {
-          if (id && id == element.id) {
-            state.startTop = element.top - offsetTop;
-            state.startLeft = element.left - offsetLeft;
-          } else if (mobileTop) {
-            state.startTop = Number(mobileTop.slice(0, -2));
-            state.startLeft = Number(mobileLeft.slice(0, -2));
-          }
-        });
-      }).exec();
+      const touch = e.targetTouches[0];
+      state.startTop = target.offsetTop;
+      state.startLeft = target.offsetLeft;
       state.position.x = touches.clientX;
       state.position.y = touches.clientY;
+      state.nx = touch.clientX - state.position.x;
+      state.ny = touch.clientY - state.position.y;
+      state.xPum = state.startLeft + state.nx;
+      state.yPum = state.startTop + state.ny;
     }
     onMounted(() => {
-      setTimeout(() => {
-        getInfo();
-      }, 200);
-      eventCenter.once(getCurrentInstance().router.onReady, () => {
-      });
+      getInfo();
       state.boundary = props.boundary;
     });
     onActivated(() => {
@@ -204,26 +184,20 @@ var _sfc_main = create({
       myDrag,
       touchStart,
       touchMove,
-      touchEnd,
-      state
+      touchEnd
     };
   }
 });
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("view", {
-    class: normalizeClass([_ctx.classes, "myDrag"]),
+    class: normalizeClass(_ctx.classes),
     ref: "myDrag",
     onTouchstart: _cache[0] || (_cache[0] = ($event) => _ctx.touchStart($event)),
-    onTouchmove: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.touchMove($event), ["prevent"])),
-    catchtouchmove: "true",
-    style: normalizeStyle({
-      transform: ` translate(${_ctx.state.left + "px"}, ${_ctx.state.top + "px"})`,
-      top: _ctx.state.top + "px",
-      left: _ctx.state.left + "px"
-    })
+    onTouchmove: _cache[1] || (_cache[1] = ($event) => _ctx.touchMove($event)),
+    onTouchend: _cache[2] || (_cache[2] = ($event) => _ctx.touchEnd($event))
   }, [
     renderSlot(_ctx.$slots, "default")
-  ], 38);
+  ], 34);
 }
-_sfc_main.render = _sfc_render;
-export { _sfc_main as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };