dpzvc3-ui 3.0.4 → 3.0.5

package/dist/dpzvc3.js

@@ -4160,7 +4160,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `
   justify-content: center;
   flex-direction: column;
 }
-`, "",{"version":3,"sources":["webpack://./radiobox-group.vue"],"names":[],"mappings":";AA4DA;EACE,aAAa;EACb,uBAAuB;EACvB,sBAAsB;AACxB","sourcesContent":["<template>\n  <div :class=\"classes\">\n    <slot />\n  </div>\n</template>\n\n<script>\nimport { defineComponent, computed, watch, provide, ref } from 'vue'\n\nconst prefixCls = 'dpzvc3-radioBoxGroup'\n\nexport default defineComponent({\n  name: 'RadioBoxGroup',\n  props: {\n    modelValue: {\n      type: [String, Boolean, Number],\n      default: ''\n    },\n    vertical: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: ['update:modelValue', 'on-change', 'on-form-change'],\n  setup (props, { emit }) {\n    const currentValue = ref(props.modelValue)\n\n    // 提供给子组件\n    provide('radioBoxGroup', {\n      currentValue,\n      change: (val) => {\n        currentValue.value = val\n        emit('update:modelValue', val)\n        emit('on-change', val)\n        emit('on-form-change', val)\n      }\n    })\n\n    // 监听外部 v-model 改变\n    watch(\n      () => props.modelValue,\n      (val) => {\n        currentValue.value = val\n      }\n    )\n\n    const classes = computed(() => [\n      prefixCls,\n      { [`${prefixCls}-vertical`]: props.vertical }\n    ])\n\n    return {\n      classes,\n      currentValue\n    }\n  }\n})\n</script>\n\n<style scoped>\n.dpzvc3-radioBoxGroup-vertical {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n}\n</style>\n"],"sourceRoot":""}]);
+`, "",{"version":3,"sources":["webpack://./src/components/radioBox/radiobox-group.vue"],"names":[],"mappings":";AA4DA;EACE,aAAa;EACb,uBAAuB;EACvB,sBAAsB;AACxB","sourcesContent":["<template>\n  <div :class=\"classes\">\n    <slot />\n  </div>\n</template>\n\n<script>\nimport { defineComponent, computed, watch, provide, ref } from 'vue'\n\nconst prefixCls = 'dpzvc3-radioBoxGroup'\n\nexport default defineComponent({\n  name: 'RadioBoxGroup',\n  props: {\n    modelValue: {\n      type: [String, Boolean, Number],\n      default: ''\n    },\n    vertical: {\n      type: Boolean,\n      default: false\n    }\n  },\n  emits: ['update:modelValue', 'on-change', 'on-form-change'],\n  setup (props, { emit }) {\n    const currentValue = ref(props.modelValue)\n\n    // 提供给子组件\n    provide('radioBoxGroup', {\n      currentValue,\n      change: (val) => {\n        currentValue.value = val\n        emit('update:modelValue', val)\n        emit('on-change', val)\n        emit('on-form-change', val)\n      }\n    })\n\n    // 监听外部 v-model 改变\n    watch(\n      () => props.modelValue,\n      (val) => {\n        currentValue.value = val\n      }\n    )\n\n    const classes = computed(() => [\n      prefixCls,\n      { [`${prefixCls}-vertical`]: props.vertical }\n    ])\n\n    return {\n      classes,\n      currentValue\n    }\n  }\n})\n</script>\n\n<style scoped>\n.dpzvc3-radioBoxGroup-vertical {\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n}\n</style>\n"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -4811,7 +4811,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, `
   display: flex;
   flex-direction: column;
 }
-`, "",{"version":3,"sources":["webpack://./checkbox-group.vue"],"names":[],"mappings":";AAqEA;EACE,aAAa;EACb,sBAAsB;AACxB","sourcesContent":["<template>\n  <div\n    :class=\"[\n      'dpzvc3-checkBoxGroup',\n      vertical ? 'dpzvc3-checkBoxGroup-vertical' : ''\n    ]\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script>\nimport { defineComponent, ref, watch, provide } from 'vue'\n// import Emitter from '../../mixin/emitter'\n\nexport default defineComponent({\n  name: 'CheckBoxGroup',\n  // mixins: [Emitter],\n\n  props: {\n    modelValue: {\n      type: Array,\n      default: () => []\n    },\n    single: {\n      type: Boolean,\n      default: false\n    },\n    vertical: {\n      type: Boolean,\n      default: false\n    }\n  },\n\n  emits: ['update:modelValue', 'on-change'],\n\n  setup (props, { emit }) {\n    // alert(props)\n    const currentValue = ref([...props.modelValue])\n\n    /** 对外暴露给 checkbox 的方法 */\n    const toggleOption = (label) => {\n      let newValue = []\n      newValue = [...label]\n      // currentValue.value = newValue\n      emit('update:modelValue', newValue)\n      emit('on-change', newValue)\n    }\n\n    /** 提供给子 checkbox */\n    provide('CheckBoxGroup', {\n      currentValue,\n      toggleOption\n      // single: props.single\n    })\n\n    watch(\n      () => props.modelValue,\n      (val) => {\n        currentValue.value = [...val]\n      }\n    )\n\n    return {}\n  }\n})\n</script>\n\n<style scoped>\n.dpzvc3-checkBoxGroup-vertical {\n  display: flex;\n  flex-direction: column;\n}\n</style>\n"],"sourceRoot":""}]);
+`, "",{"version":3,"sources":["webpack://./src/components/checkBox/checkbox-group.vue"],"names":[],"mappings":";AAqEA;EACE,aAAa;EACb,sBAAsB;AACxB","sourcesContent":["<template>\n  <div\n    :class=\"[\n      'dpzvc3-checkBoxGroup',\n      vertical ? 'dpzvc3-checkBoxGroup-vertical' : ''\n    ]\"\n  >\n    <slot />\n  </div>\n</template>\n\n<script>\nimport { defineComponent, ref, watch, provide } from 'vue'\n// import Emitter from '../../mixin/emitter'\n\nexport default defineComponent({\n  name: 'CheckBoxGroup',\n  // mixins: [Emitter],\n\n  props: {\n    modelValue: {\n      type: Array,\n      default: () => []\n    },\n    single: {\n      type: Boolean,\n      default: false\n    },\n    vertical: {\n      type: Boolean,\n      default: false\n    }\n  },\n\n  emits: ['update:modelValue', 'on-change'],\n\n  setup (props, { emit }) {\n    // alert(props)\n    const currentValue = ref([...props.modelValue])\n\n    /** 对外暴露给 checkbox 的方法 */\n    const toggleOption = (label) => {\n      let newValue = []\n      newValue = [...label]\n      // currentValue.value = newValue\n      emit('update:modelValue', newValue)\n      emit('on-change', newValue)\n    }\n\n    /** 提供给子 checkbox */\n    provide('CheckBoxGroup', {\n      currentValue,\n      toggleOption\n      // single: props.single\n    })\n\n    watch(\n      () => props.modelValue,\n      (val) => {\n        currentValue.value = [...val]\n      }\n    )\n\n    return {}\n  }\n})\n</script>\n\n<style scoped>\n.dpzvc3-checkBoxGroup-vertical {\n  display: flex;\n  flex-direction: column;\n}\n</style>\n"],"sourceRoot":""}]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -11358,13 +11358,13 @@ const radiobox_group_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(rad
 
 radiobox.group = radiobox_group;
 /* harmony default export */ const radioBox = (radiobox);
-;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[7].use[0]!./src/components/swipe/swipe.vue?vue&type=template&id=0053c134
+;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[2]!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[7].use[0]!./src/components/swipe/swipe.vue?vue&type=template&id=d6e9d1f0
 
-var swipevue_type_template_id_0053c134_hoisted_1 = ["onClick"];
-var swipevue_type_template_id_0053c134_hoisted_2 = ["src"];
-var swipevue_type_template_id_0053c134_hoisted_3 = ["onClick"];
-var swipevue_type_template_id_0053c134_hoisted_4 = ["src"];
-function swipevue_type_template_id_0053c134_render(_ctx, _cache, $props, $setup, $data, $options) {
+var swipevue_type_template_id_d6e9d1f0_hoisted_1 = ["onClick"];
+var swipevue_type_template_id_d6e9d1f0_hoisted_2 = ["src"];
+var swipevue_type_template_id_d6e9d1f0_hoisted_3 = ["onClick"];
+var swipevue_type_template_id_d6e9d1f0_hoisted_4 = ["src"];
+function swipevue_type_template_id_d6e9d1f0_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
     ref: "swipeRef",
     "class": (0,external_vue_.normalizeClass)(_ctx.classes),
@@ -11396,8 +11396,8 @@ function swipevue_type_template_id_0053c134_render(_ctx, _cache, $props, $setup,
       }, function () {
         return [(0,external_vue_.createElementVNode)("img", {
           src: _item.image
-        }, null, 8 /* PROPS */, swipevue_type_template_id_0053c134_hoisted_2), (0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(_item.spec), 1 /* TEXT */)];
-      })], 10 /* CLASS, PROPS */, swipevue_type_template_id_0053c134_hoisted_1);
+        }, null, 8 /* PROPS */, swipevue_type_template_id_d6e9d1f0_hoisted_2), (0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(_item.spec), 1 /* TEXT */)];
+      })], 10 /* CLASS, PROPS */, swipevue_type_template_id_d6e9d1f0_hoisted_1);
     }), 128 /* KEYED_FRAGMENT */)) : ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("a", {
       key: 1,
       "class": (0,external_vue_.normalizeClass)(_ctx.singleClass),
@@ -11410,8 +11410,8 @@ function swipevue_type_template_id_0053c134_render(_ctx, _cache, $props, $setup,
     }, function () {
       return [(0,external_vue_.createElementVNode)("img", {
         src: item.image
-      }, null, 8 /* PROPS */, swipevue_type_template_id_0053c134_hoisted_4), (0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(item.spec), 1 /* TEXT */)];
-    })], 10 /* CLASS, PROPS */, swipevue_type_template_id_0053c134_hoisted_3))], 2 /* CLASS */);
+      }, null, 8 /* PROPS */, swipevue_type_template_id_d6e9d1f0_hoisted_4), (0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(item.spec), 1 /* TEXT */)];
+    })], 10 /* CLASS, PROPS */, swipevue_type_template_id_d6e9d1f0_hoisted_3))], 2 /* CLASS */);
   }), 128 /* KEYED_FRAGMENT */)) : (0,external_vue_.createCommentVNode)("v-if", true)], 6 /* CLASS, STYLE */), (0,external_vue_.createCommentVNode)(" :class=\"['dpzvc3-swipe-dots-item', (loop ? index + 1 : index) === slideIndex ? 'active' : '']\" "), (0,external_vue_.createElementVNode)("div", {
     "class": (0,external_vue_.normalizeClass)(_ctx.dotsClasses)
   }, [((0,external_vue_.openBlock)(true), (0,external_vue_.createElementBlock)(external_vue_.Fragment, null, (0,external_vue_.renderList)(_ctx.dotLength, function (item, index) {
@@ -11421,12 +11421,34 @@ function swipevue_type_template_id_0053c134_render(_ctx, _cache, $props, $setup,
     }, null, 2 /* CLASS */);
   }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */)], 6 /* CLASS, STYLE */);
 }
-;// ./src/components/swipe/swipe.vue?vue&type=template&id=0053c134
+;// ./src/components/swipe/swipe.vue?vue&type=template&id=d6e9d1f0
+
+;// ./src/lib/lib.js
+var rafTimeout = function rafTimeout(callback, delay) {
+  var start = null;
+  var rafId;
+  function loop(timestamp) {
+    if (!start) start = timestamp;
+    if (timestamp - start >= delay) {
+      callback();
+      cancelAnimationFrame(rafId);
+    } else {
+      rafId = requestAnimationFrame(loop);
+    }
+  }
+  rafId = requestAnimationFrame(loop);
 
+  // 返回清除方法
+  return function () {
+    return cancelAnimationFrame(rafId);
+  };
+};
+/* harmony default export */ const lib = (rafTimeout);
 ;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[7].use[0]!./src/components/swipe/swipe.vue?vue&type=script&lang=js
 
 
 
+
 var swipevue_type_script_lang_js_prefixCls = 'dpzvc3-swipe';
 /* harmony default export */ const swipevue_type_script_lang_js = ((0,external_vue_.defineComponent)({
   name: 'Dpzvc3Swipe',
@@ -11610,7 +11632,7 @@ var swipevue_type_script_lang_js_prefixCls = 'dpzvc3-swipe';
       }
     }
     function autoSlide() {
-      timer.value = setTimeout(function () {
+      timer.value = lib(function () {
         if (!dragging.value && autoSwipe.value) {
           translateX.value -= clientWidth.value;
           console.log(slideIndex.value, maxIndex.value, 'dsdadddasdss');
@@ -11636,7 +11658,8 @@ var swipevue_type_script_lang_js_prefixCls = 'dpzvc3-swipe';
       }, 0);
     }
     function clearTimer() {
-      if (timer.value) clearTimeout(timer.value);
+      // if (timer.value) clearTimeout(timer.value)
+      timer.value && timer.value();
       timer.value = null;
     }
     function onResize() {
@@ -11691,7 +11714,7 @@ var swipevue_type_script_lang_js_prefixCls = 'dpzvc3-swipe';
 
 
 ;
-const swipe_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(swipevue_type_script_lang_js, [['render',swipevue_type_template_id_0053c134_render]])
+const swipe_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(swipevue_type_script_lang_js, [['render',swipevue_type_template_id_d6e9d1f0_render]])
 
 /* harmony default export */ const swipe = (swipe_exports_);
 ;// ./src/components/swipe/index.js