dpzvc3-ui 3.0.0 → 3.0.2

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___);
 
@@ -11354,13 +11354,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=79ae3ca4
+;// ./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=4bcc6d9d
 
-var swipevue_type_template_id_79ae3ca4_hoisted_1 = ["onClick"];
-var swipevue_type_template_id_79ae3ca4_hoisted_2 = ["src"];
-var swipevue_type_template_id_79ae3ca4_hoisted_3 = ["onClick"];
-var swipevue_type_template_id_79ae3ca4_hoisted_4 = ["src"];
-function swipevue_type_template_id_79ae3ca4_render(_ctx, _cache, $props, $setup, $data, $options) {
+var swipevue_type_template_id_4bcc6d9d_hoisted_1 = ["onClick"];
+var swipevue_type_template_id_4bcc6d9d_hoisted_2 = ["src"];
+var swipevue_type_template_id_4bcc6d9d_hoisted_3 = ["onClick"];
+var swipevue_type_template_id_4bcc6d9d_hoisted_4 = ["src"];
+function swipevue_type_template_id_4bcc6d9d_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),
@@ -11392,8 +11392,8 @@ function swipevue_type_template_id_79ae3ca4_render(_ctx, _cache, $props, $setup,
       }, function () {
         return [(0,external_vue_.createElementVNode)("img", {
           src: _item.image
-        }, null, 8 /* PROPS */, swipevue_type_template_id_79ae3ca4_hoisted_2), (0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(_item.spec), 1 /* TEXT */)];
-      })], 10 /* CLASS, PROPS */, swipevue_type_template_id_79ae3ca4_hoisted_1);
+        }, null, 8 /* PROPS */, swipevue_type_template_id_4bcc6d9d_hoisted_2), (0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(_item.spec), 1 /* TEXT */)];
+      })], 10 /* CLASS, PROPS */, swipevue_type_template_id_4bcc6d9d_hoisted_1);
     }), 128 /* KEYED_FRAGMENT */)) : ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("a", {
       key: 1,
       "class": (0,external_vue_.normalizeClass)(_ctx.singleClass),
@@ -11406,18 +11406,18 @@ function swipevue_type_template_id_79ae3ca4_render(_ctx, _cache, $props, $setup,
     }, function () {
       return [(0,external_vue_.createElementVNode)("img", {
         src: item.image
-      }, null, 8 /* PROPS */, swipevue_type_template_id_79ae3ca4_hoisted_4), (0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(item.spec), 1 /* TEXT */)];
-    })], 10 /* CLASS, PROPS */, swipevue_type_template_id_79ae3ca4_hoisted_3))], 2 /* CLASS */);
-  }), 128 /* KEYED_FRAGMENT */)) : (0,external_vue_.createCommentVNode)("v-if", true)], 6 /* CLASS, STYLE */), (0,external_vue_.createElementVNode)("div", {
+      }, null, 8 /* PROPS */, swipevue_type_template_id_4bcc6d9d_hoisted_4), (0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(item.spec), 1 /* TEXT */)];
+    })], 10 /* CLASS, PROPS */, swipevue_type_template_id_4bcc6d9d_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) {
     return (0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", {
       key: index,
-      "class": (0,external_vue_.normalizeClass)(['dpzvc3-swipe-dots-item', (_ctx.loop ? index + 1 : index) === _ctx.slideIndex ? 'active' : ''])
+      "class": (0,external_vue_.normalizeClass)(['dpzvc3-swipe-dots-item', index === _ctx.slideIndex ? 'active' : ''])
     }, null, 2 /* CLASS */);
   }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */)], 6 /* CLASS, STYLE */);
 }
-;// ./src/components/swipe/swipe.vue?vue&type=template&id=79ae3ca4
+;// ./src/components/swipe/swipe.vue?vue&type=template&id=4bcc6d9d
 
 ;// ./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
 
@@ -11480,9 +11480,11 @@ var swipevue_type_script_lang_js_prefixCls = 'dpzvc3-swipe';
     var autoSwipe = (0,external_vue_.ref)(true);
     var startX = (0,external_vue_.ref)(0);
     var distance = (0,external_vue_.ref)(0);
-    var slideIndex = (0,external_vue_.ref)(props.loop ? props.startIndex + 1 : props.startIndex);
+    // const slideIndex = ref(props.loop ? props.startIndex + 1 : props.startIndex)
+    var slideIndex = (0,external_vue_.ref)(props.startIndex);
     var timer = (0,external_vue_.ref)(null);
     var localList = (0,external_vue_.ref)(_toConsumableArray(props.list));
+    var transitionRef = (0,external_vue_.ref)('transform .2s ease-out');
     var isMultiple = (0,external_vue_.computed)(function () {
       if (props.perpage <= 1) return false;
       var page = props.perpage;
@@ -11502,15 +11504,18 @@ var swipevue_type_script_lang_js_prefixCls = 'dpzvc3-swipe';
     var arrayList = (0,external_vue_.computed)(function () {
       if (!localList.value.length) return [];
       if (props.loop) {
-        return [localList.value[localList.value.length - 1]].concat(_toConsumableArray(localList.value), [localList.value[0]]);
+        // return [localList.value[localList.value.length - 1], ...localList.value, localList.value[0]]
+        return [].concat(_toConsumableArray(localList.value), [localList.value[0]]);
       }
       return localList.value;
     });
     var dotLength = (0,external_vue_.computed)(function () {
       return localList.value.length;
     });
+
+    // const minIndex = computed(() => (props.loop ? 1 : 0))
     var minIndex = (0,external_vue_.computed)(function () {
-      return props.loop ? 1 : 0;
+      return 0;
     });
     var maxIndex = (0,external_vue_.computed)(function () {
       return props.loop ? arrayList.value.length - 2 : arrayList.value.length - 1;
@@ -11539,7 +11544,8 @@ var swipevue_type_script_lang_js_prefixCls = 'dpzvc3-swipe';
       return {
         width: arrayList.value.length * clientWidth.value + 'px',
         transform: "translate3d(".concat(translateX.value, "px,0,0)"),
-        height: 'auto'
+        height: 'auto',
+        transition: transitionRef.value
       };
     });
     function choose(item, index, e) {
@@ -11603,10 +11609,11 @@ var swipevue_type_script_lang_js_prefixCls = 'dpzvc3-swipe';
       timer.value = setTimeout(function () {
         if (!dragging.value && autoSwipe.value) {
           translateX.value -= clientWidth.value;
+          console.log(slideIndex.value, maxIndex.value, 'dsdadddasdss');
           slideIndex.value++;
-          // console.log(slideIndex.value, maxIndex.value, 'dsdadddasdss')
           if (slideIndex.value > maxIndex.value && props.loop) {
             slideIndex.value = minIndex.value;
+            // resetSlide()
             wrapper.value.addEventListener('transitionend', resetSlide, false);
           }
           autoSlide();
@@ -11617,10 +11624,11 @@ var swipevue_type_script_lang_js_prefixCls = 'dpzvc3-swipe';
       wrapper.value.removeEventListener('transitionend', resetSlide, false);
       slideIndex.value = minIndex.value;
       autoSwipe.value = false;
-      // this.translateX = -this.slideIndex * this.clientWidth
+      transitionRef.value = 'none';
       translateX.value = -slideIndex.value * clientWidth.value;
       setTimeout(function () {
         autoSwipe.value = true;
+        transitionRef.value = 'transform .2s ease-out';
       }, 0);
     }
     function clearTimer() {
@@ -11678,7 +11686,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_79ae3ca4_render]])
+const swipe_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(swipevue_type_script_lang_js, [['render',swipevue_type_template_id_4bcc6d9d_render]])
 
 /* harmony default export */ const swipe = (swipe_exports_);
 ;// ./src/components/swipe/index.js