@nutui/nutui 3.1.19-beta.1 → 3.1.19-beta.4

package/dist/packages/_es/DatePicker.js

@@ -18,22 +18,18 @@ var __spreadValues = (a, b) => {
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.4 Tue Apr 12 2022 17:39:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
 import { reactive, computed, onBeforeMount, watch, toRefs, resolveComponent, openBlock, createBlock } from "vue";
-import nutPicker from "./Picker.js";
-import { p as popupProps } from "./index4.js";
+import picker from "./Picker.js";
+import { popupProps } from "./Popup.js";
 import { c as createComponent } from "./component.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-import "./Popup.js";
-import "./use-lock-scroll.js";
 import "./OverLay.js";
 import "./Icon.js";
 import "./pxCheck.js";
-import "./index.js";
-import "@tarojs/taro";
 function padZero(num, targetLength = 2) {
   let str = num + "";
   while (str.length < targetLength) {
@@ -56,7 +52,7 @@ const zhCNType = {
 };
 const _sfc_main = create({
   components: {
-    nutPicker
+    [picker.name]: picker
   },
   props: __spreadProps(__spreadValues({}, popupProps), {
     modelValue: null,
@@ -66,11 +62,11 @@ const _sfc_main = create({
     },
     okText: {
       type: String,
-      default: "\u786E\u5B9A"
+      default: ""
     },
     cancelText: {
       type: String,
-      default: "\u53D6\u6D88"
+      default: ""
     },
     type: {
       type: String,
@@ -123,12 +119,12 @@ const _sfc_main = create({
       const boundary = props[`${type}Date`];
       const year = boundary.getFullYear();
       let month = 1;
-      let date = 1;
+      let day = 1;
       let hour = 0;
       let minute = 0;
       if (type === "max") {
         month = 12;
-        date = getMonthEndDay(value.getFullYear(), value.getMonth() + 1);
+        day = getMonthEndDay(value.getFullYear(), value.getMonth() + 1);
         hour = 23;
         minute = 59;
       }
@@ -136,8 +132,8 @@ const _sfc_main = create({
       if (value.getFullYear() === year) {
         month = boundary.getMonth() + 1;
         if (value.getMonth() + 1 === month) {
-          date = boundary.getDate();
-          if (value.getDate() === date) {
+          day = boundary.getDate();
+          if (value.getDate() === day) {
             hour = boundary.getHours();
             if (value.getHours() === hour) {
               minute = boundary.getMinutes();
@@ -148,15 +144,15 @@ const _sfc_main = create({
       return {
         [`${type}Year`]: year,
         [`${type}Month`]: month,
-        [`${type}Date`]: date,
+        [`${type}Day`]: day,
         [`${type}Hour`]: hour,
         [`${type}Minute`]: minute,
         [`${type}Seconds`]: seconds
       };
     };
     const ranges = computed(() => {
-      const { maxYear, maxDate, maxMonth, maxHour, maxMinute, maxSeconds } = getBoundary("max", state.currentDate);
-      const { minYear, minDate, minMonth, minHour, minMinute, minSeconds } = getBoundary("min", state.currentDate);
+      const { maxYear, maxDay, maxMonth, maxHour, maxMinute, maxSeconds } = getBoundary("max", state.currentDate);
+      const { minYear, minDay, minMonth, minHour, minMinute, minSeconds } = getBoundary("min", state.currentDate);
       let result = [
         {
           type: "year",
@@ -168,7 +164,7 @@ const _sfc_main = create({
         },
         {
           type: "day",
-          range: [minDate, maxDate]
+          range: [minDay, maxDay]
         },
         {
           type: "hour",
@@ -193,6 +189,9 @@ const _sfc_main = create({
         case "time":
           result = result.slice(3, 6);
           break;
+        case "year-month":
+          result = result.slice(0, 2);
+          break;
         case "month-day":
           result = result.slice(1, 3);
           break;
@@ -238,7 +237,7 @@ const _sfc_main = create({
     };
     const generateValue = (min, max, val, type, columnIndex) => {
       const arr = [];
-      let index = 0;
+      let index2 = 0;
       while (min <= max) {
         arr.push(formatterOption(type, min));
         if (type === "minute") {
@@ -247,10 +246,10 @@ const _sfc_main = create({
           min++;
         }
         if (min <= val) {
-          index++;
+          index2++;
         }
       }
-      state.selectedValue[columnIndex] = arr[index].value;
+      state.selectedValue[columnIndex] = arr[index2].value;
       return props.filter ? props.filter(type, arr) : arr;
     };
     const getDateIndex = (type) => {
@@ -312,5 +311,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     isWrapTeleport: _ctx.isWrapTeleport
   }, null, 8, ["modelValue", "visible", "okText", "cancelText", "onClose", "columns", "onChange", "title", "onConfirm", "isWrapTeleport"]);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Dialog.js

@@ -17,21 +17,24 @@ var __spreadValues = (a, b) => {
   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;
+};
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.4 Tue Apr 12 2022 17:39:20 GMT+0800 (中国标准时间)
 * (c) 2022 @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 Popup, { popupProps } from "./Popup.js";
 import Button from "./Button.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-import "./use-lock-scroll.js";
 import "./OverLay.js";
 import "./Icon.js";
 import "./pxCheck.js";
-const { componentName, create } = createComponent("dialog");
+const { componentName, create, translate } = createComponent("dialog");
 const _sfc_main = create({
   inheritAttrs: false,
   components: {
@@ -65,11 +68,11 @@ const _sfc_main = create({
     },
     cancelText: {
       type: String,
-      default: "\u53D6\u6D88"
+      default: ""
     },
     okText: {
       type: String,
-      default: "\u786E\u5B9A"
+      default: ""
     },
     okBtnDisabled: {
       type: Boolean,
@@ -125,15 +128,16 @@ const _sfc_main = create({
       }
     };
     const onOk = () => {
-      closed();
       emit("ok");
+      closed();
     };
     return {
       closed,
       classes,
       onCancel,
       onOk,
-      showPopup
+      showPopup,
+      translate
     };
   }
 });
@@ -187,7 +191,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               onClick: _ctx.onCancel
             }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.cancelText), 1)
+                createTextVNode(toDisplayString(_ctx.cancelText || _ctx.translate("cancel")), 1)
               ]),
               _: 1
             }, 8, ["onClick"])) : createCommentVNode("", true),
@@ -200,7 +204,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               onClick: _ctx.onOk
             }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(_ctx.okText), 1)
+                createTextVNode(toDisplayString(_ctx.okText || _ctx.translate("confirm")), 1)
               ]),
               _: 1
             }, 8, ["class", "disabled", "onClick"])) : createCommentVNode("", true)
@@ -211,5 +215,80 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["teleport", "visible", "close-on-click-overlay", "lock-scroll", "onClickOverlay", "onClickCloseIcon"]);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+class DialogOptions {
+  constructor() {
+    __publicField(this, "title", "");
+    __publicField(this, "content", "");
+    __publicField(this, "cancelText", "");
+    __publicField(this, "okText", "");
+    __publicField(this, "textAlign", "center");
+    __publicField(this, "teleport", "body");
+    __publicField(this, "id", new Date().getTime());
+    __publicField(this, "footerDirection", "horizontal");
+    __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-" + options.id;
+    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,5 +1,5 @@
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.4 Tue Apr 12 2022 17:39:20 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -39,11 +39,11 @@ const _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);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/Drag.js

@@ -1,25 +1,12 @@
 /*!
-* @nutui/nutui v3.1.19-beta.1 Sat Apr 02 2022 16:26:37 GMT+0800 (中国标准时间)
+* @nutui/nutui v3.1.19-beta.4 Tue Apr 12 2022 17:39:20 GMT+0800 (中国标准时间)
 * (c) 2022 @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 Taro, { eventCenter, getCurrentInstance } from "@tarojs/taro";
+import { r as requestAniFrame } from "./raf.js";
 import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
-const _window = window;
-function requestAniFrame() {
-  if (typeof _window !== "undefined") {
-    return _window.requestAnimationFrame || _window.webkitRequestAnimationFrame || function(callback) {
-      _window.setTimeout(callback, 1e3 / 60);
-    };
-  } else {
-    return function(callback) {
-      setTimeout(callback, 1e3 / 60);
-    };
-  }
-}
-var requestAniFrame$1 = requestAniFrame();
 const { componentName, create } = createComponent("drag");
 const _sfc_main = create({
   props: {
@@ -53,13 +40,10 @@ const _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,
@@ -69,57 +53,54 @@ const _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();
-      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 || 375;
+      state.screenHeight = domElem.clientHeight || 667;
     }
-    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";
-          requestAniFrame$1(() => {
-            goLeft();
+        if (+target.style.left.split("px")[0] > state.boundary.left) {
+          target.style.left = +target.style.left.split("px")[0] - 10 + "px";
+          requestAniFrame(() => {
+            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";
-          requestAniFrame$1(() => {
-            goLeft();
+        if (+target.style.left.split("px")[0] > 10) {
+          target.style.left = +target.style.left.split("px")[0] - 10 + "px";
+          requestAniFrame(() => {
+            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";
-        requestAniFrame$1(() => {
-          goRight(rightLocation);
+    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(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;
@@ -136,14 +117,15 @@ const _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;
@@ -156,48 +138,34 @@ const _sfc_main = create({
       }
       if (props.direction != "y" && props.attract) {
         if (currX < state.screenWidth / 2) {
-          requestAniFrame$1(() => {
-            goLeft();
+          requestAniFrame(() => {
+            goLeft(target);
           });
         } else {
-          requestAniFrame$1(() => {
-            goRight(rightLocation);
+          requestAniFrame(() => {
+            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(() => {
@@ -216,26 +184,20 @@ const _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);
 }
-var index_taro = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { index_taro as default };
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };