@nutui/nutui 3.1.6 → 3.1.7

package/dist/packages/_es/CollapseItem.js

@@ -0,0 +1,257 @@
+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));
+/*!
+* @nutui/nutui v3.1.7 Thu Sep 30 2021 20:17:02 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { inject, reactive, computed, getCurrentInstance, ref, watch, onMounted, toRefs, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, renderSlot, normalizeStyle } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+const { create, componentName } = createComponent("collapse-item");
+const _sfc_main = create({
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    subTitle: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    name: {
+      type: [Number, String],
+      default: -1,
+      required: true
+    },
+    collapseRef: {
+      type: Object
+    }
+  },
+  setup(props) {
+    const collapse = inject("collapseParent");
+    const parent = reactive(collapse);
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true,
+        [`${prefixCls}-icon`]: parent.props.icon
+      };
+    });
+    const relation = (child) => {
+      if (child.proxy) {
+        parent.children.push(child.proxy);
+      }
+    };
+    relation(getCurrentInstance());
+    const proxyData = reactive({
+      icon: parent.props.icon,
+      iconSize: parent.props.iconSize,
+      iconColor: parent.props.iconColor,
+      openExpanded: false,
+      iconStyle: {
+        transform: "rotate(0deg)",
+        marginTop: parent.props.iconHeght ? "-" + parent.props.iconHeght / 2 + "px" : "-10px"
+      }
+    });
+    const titleIconStyle = reactive({
+      titleIcon: parent.props.titleIcon,
+      titleIconSize: parent.props.titleIconSize,
+      titleIconColor: parent.props.titleIconColor,
+      titleIconPosition: parent.props.titleIconPosition
+    });
+    const wrapperRef = ref(null);
+    const contentRef = ref(null);
+    const onTransitionEnd = () => {
+      const wrapperRefEle = document.getElementsByClassName("collapse-wrapper")[0];
+      wrapperRefEle.style.willChange = "auto";
+    };
+    const animation = () => {
+      const wrapperRefEle = wrapperRef.value;
+      const contentRefEle = contentRef.value;
+      if (!wrapperRefEle || !contentRefEle) {
+        return;
+      }
+      const offsetHeight = contentRefEle.offsetHeight;
+      if (offsetHeight) {
+        const contentHeight = `${offsetHeight}px`;
+        wrapperRefEle.style.willChange = "height";
+        wrapperRefEle.style.height = !proxyData.openExpanded ? 0 : contentHeight;
+        if (parent.props.icon && !proxyData.openExpanded) {
+          proxyData.iconStyle["transform"] = "rotate(0deg)";
+        } else {
+          proxyData.iconStyle["transform"] = "rotate(" + parent.props.rotate + "deg)";
+        }
+      }
+      if (!proxyData.openExpanded) {
+        onTransitionEnd();
+      }
+    };
+    const open = () => {
+      proxyData.openExpanded = !proxyData.openExpanded;
+      animation();
+    };
+    const defaultOpen = () => {
+      open();
+      if (parent.props.icon) {
+        proxyData["iconStyle"]["transform"] = "rotate(" + parent.props.rotate + "deg)";
+      }
+    };
+    const currentName = computed(() => props.name);
+    const toggleOpen = () => {
+      if (parent.props.accordion) {
+        parent.children.forEach((item, index2) => {
+          if (currentName.value == item.name) {
+            item.changeOpen(!item.openExpanded);
+          } else {
+            item.changeOpen(false);
+            item.animation();
+          }
+        });
+        nextTick(() => {
+          parent.changeVal(currentName.value);
+          animation();
+        });
+      } else {
+        parent.changeValAry(props.name);
+        open();
+      }
+    };
+    const changeOpen = (bol) => {
+      proxyData.openExpanded = bol;
+    };
+    const expanded = computed(() => {
+      if (parent) {
+        return parent.isExpanded(props.name);
+      }
+      return null;
+    });
+    watch(expanded, (value, oldValue) => {
+      if (value) {
+        proxyData.openExpanded = true;
+      }
+    });
+    onMounted(() => {
+      const { name } = props;
+      const active = parent && parent.props.active;
+      if (typeof active == "number" || typeof active == "string") {
+        if (name == active) {
+          defaultOpen();
+        }
+      } else if (Object.values(active) instanceof Array) {
+        const f = Object.values(active).filter((item) => item == name);
+        if (f.length > 0) {
+          defaultOpen();
+        }
+      }
+    });
+    return __spreadProps(__spreadValues(__spreadValues(__spreadValues({
+      classes
+    }, toRefs(proxyData)), toRefs(parent.props)), toRefs(titleIconStyle)), {
+      wrapperRef,
+      contentRef,
+      open,
+      toggleOpen,
+      changeOpen,
+      animation
+    });
+  }
+});
+const _hoisted_1 = { class: "collapse-title" };
+const _hoisted_2 = { class: "collapse-title-value" };
+const _hoisted_3 = ["innerHTML"];
+const _hoisted_4 = {
+  key: 0,
+  class: "subTitle"
+};
+const _hoisted_5 = ["innerHTML"];
+const _hoisted_6 = {
+  class: "collapse-wrapper",
+  ref: "wrapperRef"
+};
+const _hoisted_7 = {
+  class: "collapse-content",
+  ref: "contentRef"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_nut_icon = resolveComponent("nut-icon");
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes)
+  }, [
+    createElementVNode("view", {
+      class: normalizeClass([
+        "collapse-item",
+        { "item-expanded": _ctx.openExpanded },
+        { "nut-collapse-item-disabled": _ctx.disabled }
+      ]),
+      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.toggleOpen && _ctx.toggleOpen(...args))
+    }, [
+      createElementVNode("view", _hoisted_1, [
+        createElementVNode("view", null, [
+          createElementVNode("view", _hoisted_2, [
+            _ctx.titleIcon ? (openBlock(), createBlock(_component_nut_icon, {
+              key: 0,
+              name: _ctx.titleIcon,
+              size: _ctx.titleIconSize,
+              color: _ctx.titleIconColor,
+              class: normalizeClass([
+                _ctx.titleIconPosition == "left" ? "titleIconLeft" : "titleIconRight"
+              ])
+            }, null, 8, ["name", "size", "color", "class"])) : createCommentVNode("", true),
+            _ctx.$slots.mTitle ? renderSlot(_ctx.$slots, "mTitle", { key: 1 }) : (openBlock(), createElementBlock("view", {
+              key: 2,
+              innerHTML: _ctx.title
+            }, null, 8, _hoisted_3))
+          ])
+        ])
+      ]),
+      _ctx.$slots.sTitle ? (openBlock(), createElementBlock("view", _hoisted_4, [
+        renderSlot(_ctx.$slots, "sTitle")
+      ])) : (openBlock(), createElementBlock("view", {
+        key: 1,
+        innerHTML: _ctx.subTitle,
+        class: "subTitle"
+      }, null, 8, _hoisted_5)),
+      _ctx.icon ? (openBlock(), createBlock(_component_nut_icon, {
+        key: 2,
+        name: _ctx.icon,
+        size: _ctx.iconSize,
+        color: _ctx.iconColor,
+        class: normalizeClass([
+          "collapse-icon",
+          { "col-expanded": _ctx.openExpanded },
+          { "collapse-icon-disabled": _ctx.disabled }
+        ]),
+        style: normalizeStyle(_ctx.iconStyle)
+      }, null, 8, ["name", "size", "color", "class", "style"])) : createCommentVNode("", true)
+    ], 2),
+    createElementVNode("view", _hoisted_6, [
+      createElementVNode("view", _hoisted_7, [
+        renderSlot(_ctx.$slots, "default")
+      ], 512)
+    ], 512)
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };

package/dist/packages/_es/CountDown.js

@@ -0,0 +1,224 @@
+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));
+/*!
+* @nutui/nutui v3.1.7 Thu Sep 30 2021 20:17:02 GMT+0800 (中国标准时间)
+* (c) 2021 @jdf2e.
+* Released under the MIT License.
+*/
+import { reactive, computed, watch, toRefs, openBlock, createElementBlock, normalizeClass, renderSlot, toDisplayString, Fragment, createElementVNode, createCommentVNode } from "vue";
+import { c as createComponent } from "./component.js";
+import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
+const { componentName, create } = createComponent("countdown");
+const _sfc_main = create({
+  props: {
+    modelValue: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    paused: {
+      default: false,
+      type: Boolean
+    },
+    showDays: {
+      default: false,
+      type: Boolean
+    },
+    showPlainText: {
+      default: false,
+      type: Boolean
+    },
+    startTime: {
+      type: [Number, String],
+      validator(v) {
+        const dateStr = new Date(v).toString().toLowerCase();
+        return dateStr !== "invalid date";
+      }
+    },
+    endTime: {
+      type: [Number, String],
+      validator(v) {
+        const dateStr = new Date(v).toString().toLowerCase();
+        return dateStr !== "invalid date";
+      }
+    }
+  },
+  components: {},
+  emits: ["input", "on-end", "on-restart", "on-paused"],
+  setup(props, { emit, slots }) {
+    console.log("componentName", componentName);
+    const state = reactive({
+      restTime: 0,
+      p: 0,
+      _curr: 0,
+      timer: null
+    });
+    const resttime = computed(() => {
+      const rest = restTime(state.restTime);
+      const { d, h, m, s } = rest;
+      if (!props.showDays && d > 0) {
+        rest.h = fill2(Number(rest.h) + d * 24);
+        rest.d = 0;
+      }
+      return rest;
+    });
+    const plainText = computed(() => {
+      const { d, h, m, s } = resttime.value;
+      return `${d > 0 && props.showDays ? d + "\u5929" + h : h}\u5C0F\u65F6${m}\u5206${s}\u79D2`;
+    });
+    watch(() => props.value, (value) => {
+    });
+    watch(() => state.restTime, (value) => {
+      let tranTime = restTime(value);
+      emit("update:modelValue", tranTime);
+      emit("input", tranTime);
+    });
+    watch(() => props.paused, (v, ov) => {
+      if (!ov) {
+        state._curr = getTimeStamp();
+        emit("on-paused", state.restTime);
+      } else {
+        state.p += getTimeStamp() - state._curr;
+        emit("on-restart", state.restTime);
+      }
+    });
+    watch(() => props.endTime, (value) => {
+      initTimer();
+    });
+    watch(() => props.startTime, (value) => {
+      initTimer();
+    });
+    const classes = computed(() => {
+      const prefixCls = componentName;
+      return {
+        [prefixCls]: true
+      };
+    });
+    const getTimeStamp = (timeStr) => {
+      if (!timeStr)
+        return Date.now();
+      let t = timeStr;
+      t = t > 0 ? +t : t.toString().replace(/\-/g, "/");
+      return new Date(t).getTime();
+    };
+    const initTimer = () => {
+      const delay = 1e3;
+      const curr = Date.now();
+      const start = getTimeStamp(props.startTime || curr);
+      const end = getTimeStamp(props.endTime || curr);
+      const diffTime = curr - start;
+      state.restTime = end - (start + diffTime);
+      state.timer = setInterval(() => {
+        if (!props.paused) {
+          let restTime2 = end - (Date.now() - state.p + diffTime);
+          state.restTime = restTime2;
+          if (restTime2 < delay) {
+            state.restTime = 0;
+            emit("on-end");
+            clearInterval(state.timer);
+          }
+        }
+      }, delay);
+    };
+    const fill2 = (v) => {
+      v += "";
+      while (v.length < 2) {
+        v = "0" + v;
+      }
+      return v;
+    };
+    const restTime = (t) => {
+      const ts = t;
+      let rest = {
+        d: "-",
+        h: "--",
+        m: "--",
+        s: "--"
+      };
+      if (ts === 0) {
+        rest = {
+          d: "0",
+          h: "00",
+          m: "00",
+          s: "00"
+        };
+      }
+      if (ts) {
+        const ds = 24 * 60 * 60 * 1e3;
+        const hs = 60 * 60 * 1e3;
+        const ms = 60 * 1e3;
+        const d = ts >= ds ? parseInt(ts / ds) : 0;
+        const h = ts - d * ds >= hs ? parseInt((ts - d * ds) / hs) : 0;
+        const m = ts - d * ds - h * hs >= ms ? parseInt((ts - d * ds - h * hs) / ms) : 0;
+        const s = Math.round((ts - d * ds - h * hs - m * ms) / 1e3);
+        if (d >= 0)
+          rest.d = d + "";
+        if (h >= 0)
+          rest.h = fill2(h);
+        if (m >= 0)
+          rest.m = fill2(m);
+        if (s >= 0)
+          rest.s = fill2(s);
+      }
+      return rest;
+    };
+    initTimer();
+    return __spreadProps(__spreadValues({}, toRefs(props)), {
+      slots,
+      classes,
+      getTimeStamp,
+      initTimer,
+      resttime,
+      plainText
+    });
+  }
+});
+const _hoisted_1 = {
+  key: 1,
+  class: "nut-cd-block"
+};
+const _hoisted_2 = { class: "nut-cd-block" };
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("view", { class: "nut-cd-dot" }, "\u5929", -1);
+const _hoisted_4 = { class: "nut-cd-block" };
+const _hoisted_5 = /* @__PURE__ */ createElementVNode("view", { class: "nut-cd-dot" }, ":", -1);
+const _hoisted_6 = { class: "nut-cd-block" };
+const _hoisted_7 = /* @__PURE__ */ createElementVNode("view", { class: "nut-cd-dot" }, ":", -1);
+const _hoisted_8 = { class: "nut-cd-block" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("view", {
+    class: normalizeClass(_ctx.classes),
+    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
+  }, [
+    _ctx.slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : _ctx.showPlainText ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.plainText), 1)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+      _ctx.resttime.d >= 0 && _ctx.showDays ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        createElementVNode("view", _hoisted_2, toDisplayString(_ctx.resttime.d), 1),
+        _hoisted_3
+      ], 64)) : createCommentVNode("", true),
+      createElementVNode("view", _hoisted_4, toDisplayString(_ctx.resttime.h), 1),
+      _hoisted_5,
+      createElementVNode("view", _hoisted_6, toDisplayString(_ctx.resttime.m), 1),
+      _hoisted_7,
+      createElementVNode("view", _hoisted_8, toDisplayString(_ctx.resttime.s), 1)
+    ], 64))
+  ], 2);
+}
+var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { index as default };