dpzvc3-ui 3.0.3 → 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___);
 
@@ -5858,19 +5858,19 @@ const checkbox_group_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(che
 
 checkBox_checkbox.group = checkbox_group;
 /* harmony default export */ const checkBox = (checkBox_checkbox);
-;// ./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/header/header.vue?vue&type=template&id=3f178334
+;// ./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/header/header.vue?vue&type=template&id=3d91850c
 
-var headervue_type_template_id_3f178334_hoisted_1 = {
+var headervue_type_template_id_3d91850c_hoisted_1 = {
   "class": "title dpzvc3-nowrap"
 };
-var headervue_type_template_id_3f178334_hoisted_2 = {
+var headervue_type_template_id_3d91850c_hoisted_2 = {
   "class": "right"
 };
 var _hoisted_3 = {
   key: 0,
   "class": "header-place"
 };
-function headervue_type_template_id_3f178334_render(_ctx, _cache, $props, $setup, $data, $options) {
+function headervue_type_template_id_3d91850c_render(_ctx, _cache, $props, $setup, $data, $options) {
   return _ctx.visible ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
     key: 0,
     "class": (0,external_vue_.normalizeClass)(_ctx.classes)
@@ -5885,11 +5885,11 @@ function headervue_type_template_id_3f178334_render(_ctx, _cache, $props, $setup
     }, null, -1 /* CACHED */)), _cache[2] || (_cache[2] = (0,external_vue_.createElementVNode)("span", {
       "class": "text"
     }, "返回", -1 /* CACHED */))];
-  })]), (0,external_vue_.createElementVNode)("div", headervue_type_template_id_3f178334_hoisted_1, (0,external_vue_.toDisplayString)(_ctx.title), 1 /* TEXT */), (0,external_vue_.createElementVNode)("div", headervue_type_template_id_3f178334_hoisted_2, [(0,external_vue_.renderSlot)(_ctx.$slots, "right", {}, function () {
+  })]), (0,external_vue_.createElementVNode)("div", headervue_type_template_id_3d91850c_hoisted_1, (0,external_vue_.toDisplayString)(_ctx.title), 1 /* TEXT */), (0,external_vue_.createElementVNode)("div", headervue_type_template_id_3d91850c_hoisted_2, [(0,external_vue_.renderSlot)(_ctx.$slots, "right", {}, function () {
     return [_cache[3] || (_cache[3] = (0,external_vue_.createElementVNode)("div", null, null, -1 /* CACHED */))];
   })])]), _ctx.fixed ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", _hoisted_3)) : (0,external_vue_.createCommentVNode)("v-if", true)], 2 /* CLASS */)) : (0,external_vue_.createCommentVNode)("v-if", true);
 }
-;// ./src/components/header/header.vue?vue&type=template&id=3f178334
+;// ./src/components/header/header.vue?vue&type=template&id=3d91850c
 
 ;// ./node_modules/vue-router/dist/devtools-EWN81iOl.mjs
 /*!
@@ -8647,9 +8647,11 @@ var headervue_type_script_lang_js_prefixCls = 'dpzvc3-header';
     }, function (val) {
       visible.value = val;
     });
-    (0,external_vue_.watch)(visible, function (val) {
-      emit('update:modelValue', val);
-    });
+
+    // watch(visible, val => {
+    //   emit('update:modelValue', val)
+    // })
+
     (0,external_vue_.watch)(function () {
       return props.wechat;
     }, function (val) {
@@ -8659,7 +8661,8 @@ var headervue_type_script_lang_js_prefixCls = 'dpzvc3-header';
     /** mounted 逻辑 */
     (0,external_vue_.onMounted)(function () {
       if ((isWeixin.value || isPcWeixin.value) && !isWechat.value) {
-        visible.value = false;
+        // visible.value = false
+        emit('update:modelValue', false);
       }
     });
 
@@ -8686,7 +8689,7 @@ var headervue_type_script_lang_js_prefixCls = 'dpzvc3-header';
 
 
 ;
-const header_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(headervue_type_script_lang_js, [['render',headervue_type_template_id_3f178334_render]])
+const header_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(headervue_type_script_lang_js, [['render',headervue_type_template_id_3d91850c_render]])
 
 /* harmony default export */ const header = (header_exports_);
 ;// ./src/components/header/index.js
@@ -9495,33 +9498,33 @@ function message_message() {
     MGInstance = null;
   }
 });
-;// ./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/modal/modal.vue?vue&type=template&id=737e331f
+;// ./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/modal/modal.vue?vue&type=template&id=2638be96
 
-var modalvue_type_template_id_737e331f_hoisted_1 = {
+var modalvue_type_template_id_2638be96_hoisted_1 = {
   key: 0,
   "class": "dpzvc3-modal-header"
 };
-var modalvue_type_template_id_737e331f_hoisted_2 = {
+var modalvue_type_template_id_2638be96_hoisted_2 = {
   "class": "dpzvc3-modal-header-inner ellipse-fir"
 };
-var modalvue_type_template_id_737e331f_hoisted_3 = {
+var modalvue_type_template_id_2638be96_hoisted_3 = {
   "class": "dpzvc3-modal-body"
 };
 var _hoisted_4 = {
   key: 1,
   "class": "dpzvc3-modal-footer"
 };
-function modalvue_type_template_id_737e331f_render(_ctx, _cache, $props, $setup, $data, $options) {
+function modalvue_type_template_id_2638be96_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_VButton = (0,external_vue_.resolveComponent)("VButton");
   return (0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", null, [(0,external_vue_.createCommentVNode)(" 遮罩层 "), (0,external_vue_.createVNode)(external_vue_.Transition, {
     name: "dpzvc3-ani-fade"
   }, {
     "default": (0,external_vue_.withCtx)(function () {
-      return [$setup.visible ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
+      return [_ctx.visible ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
         key: 0,
         "class": "dpzvc3-modal-mask",
         onClick: _cache[0] || (_cache[0] = function () {
-          return $setup.mask && $setup.mask.apply($setup, arguments);
+          return _ctx.mask && _ctx.mask.apply(_ctx, arguments);
         }),
         onTouchstart: _cache[1] || (_cache[1] = (0,external_vue_.withModifiers)(function () {}, ["prevent"])),
         onTouchmove: _cache[2] || (_cache[2] = (0,external_vue_.withModifiers)(function () {}, ["prevent"])),
@@ -9533,31 +9536,31 @@ function modalvue_type_template_id_737e331f_render(_ctx, _cache, $props, $setup,
     name: "dpzvc3-ani-scale"
   }, {
     "default": (0,external_vue_.withCtx)(function () {
-      return [$setup.visible ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
+      return [_ctx.visible ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
         key: 0,
         "class": "dpzvc3-modal",
-        style: (0,external_vue_.normalizeStyle)($setup.getWrapperStyle)
-      }, [(0,external_vue_.createCommentVNode)(" 头部 "), $setup.isHead ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", modalvue_type_template_id_737e331f_hoisted_1, [(0,external_vue_.renderSlot)(_ctx.$slots, "header", {}, function () {
-        return [(0,external_vue_.createElementVNode)("div", modalvue_type_template_id_737e331f_hoisted_2, (0,external_vue_.toDisplayString)($props.title), 1 /* TEXT */)];
-      })])) : (0,external_vue_.createCommentVNode)("v-if", true), (0,external_vue_.createCommentVNode)(" 内容 "), (0,external_vue_.createElementVNode)("div", modalvue_type_template_id_737e331f_hoisted_3, [(0,external_vue_.renderSlot)(_ctx.$slots, "body", {}, function () {
-        return [(0,external_vue_.createTextVNode)((0,external_vue_.toDisplayString)($props.body), 1 /* TEXT */)];
-      })]), (0,external_vue_.createCommentVNode)(" 底部 "), !$props.footerHide ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", _hoisted_4, [(0,external_vue_.renderSlot)(_ctx.$slots, "footer", {}, function () {
-        return [$props.cancleText ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_VButton, {
+        style: (0,external_vue_.normalizeStyle)(_ctx.getWrapperStyle)
+      }, [(0,external_vue_.createCommentVNode)(" 头部 "), _ctx.isHead ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", modalvue_type_template_id_2638be96_hoisted_1, [(0,external_vue_.renderSlot)(_ctx.$slots, "header", {}, function () {
+        return [(0,external_vue_.createElementVNode)("div", modalvue_type_template_id_2638be96_hoisted_2, (0,external_vue_.toDisplayString)(_ctx.title), 1 /* TEXT */)];
+      })])) : (0,external_vue_.createCommentVNode)("v-if", true), (0,external_vue_.createCommentVNode)(" 内容 "), (0,external_vue_.createElementVNode)("div", modalvue_type_template_id_2638be96_hoisted_3, [(0,external_vue_.renderSlot)(_ctx.$slots, "body", {}, function () {
+        return [(0,external_vue_.createTextVNode)((0,external_vue_.toDisplayString)(_ctx.body), 1 /* TEXT */)];
+      })]), (0,external_vue_.createCommentVNode)(" 底部 "), !_ctx.footerHide ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", _hoisted_4, [(0,external_vue_.renderSlot)(_ctx.$slots, "footer", {}, function () {
+        return [_ctx.cancleText ? ((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_VButton, {
           key: 0,
           type: "primary",
-          onClick: $setup.close
+          onClick: _ctx.close
         }, {
           "default": (0,external_vue_.withCtx)(function () {
-            return [(0,external_vue_.createTextVNode)((0,external_vue_.toDisplayString)($props.cancleText), 1 /* TEXT */)];
+            return [(0,external_vue_.createTextVNode)((0,external_vue_.toDisplayString)(_ctx.cancleText), 1 /* TEXT */)];
           }),
           _: 1 /* STABLE */
         }, 8 /* PROPS */, ["onClick"])) : (0,external_vue_.createCommentVNode)("v-if", true), (0,external_vue_.createVNode)(_component_VButton, {
           type: "normal",
-          loading: $setup.buttonLoading,
-          onClick: $setup.ok
+          loading: _ctx.buttonLoading,
+          onClick: _ctx.ok
         }, {
           "default": (0,external_vue_.withCtx)(function () {
-            return [(0,external_vue_.createTextVNode)((0,external_vue_.toDisplayString)($props.okText), 1 /* TEXT */)];
+            return [(0,external_vue_.createTextVNode)((0,external_vue_.toDisplayString)(_ctx.okText), 1 /* TEXT */)];
           }),
           _: 1 /* STABLE */
         }, 8 /* PROPS */, ["loading", "onClick"])];
@@ -9566,12 +9569,12 @@ function modalvue_type_template_id_737e331f_render(_ctx, _cache, $props, $setup,
     _: 3 /* FORWARDED */
   })]);
 }
-;// ./src/components/modal/modal.vue?vue&type=template&id=737e331f
+;// ./src/components/modal/modal.vue?vue&type=template&id=2638be96
 
 ;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[7].use[0]!./src/components/modal/modal.vue?vue&type=script&lang=js
 
 
-/* harmony default export */ const modalvue_type_script_lang_js = ({
+/* harmony default export */ const modalvue_type_script_lang_js = ((0,external_vue_.defineComponent)({
   name: 'Dpzvc3Modal',
   components: {
     VButton: components_button
@@ -9666,7 +9669,7 @@ function modalvue_type_template_id_737e331f_render(_ctx, _cache, $props, $setup,
       ok: ok
     };
   }
-});
+}));
 ;// ./src/components/modal/modal.vue?vue&type=script&lang=js
  
 ;// ./src/components/modal/modal.vue
@@ -9675,7 +9678,7 @@ function modalvue_type_template_id_737e331f_render(_ctx, _cache, $props, $setup,
 
 
 ;
-const modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(modalvue_type_script_lang_js, [['render',modalvue_type_template_id_737e331f_render]])
+const modal_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(modalvue_type_script_lang_js, [['render',modalvue_type_template_id_2638be96_render]])
 
 /* harmony default export */ const modal = (modal_exports_);
 ;// ./src/components/modal/confirm.js
@@ -9896,39 +9899,39 @@ function pickervue_type_template_id_453579d3_render(_ctx, _cache, $props, $setup
 }
 ;// ./src/components/picker/picker.vue?vue&type=template&id=453579d3
 
-;// ./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/popup/popup.vue?vue&type=template&id=560adf42
+;// ./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/popup/popup.vue?vue&type=template&id=895482f2
 
-function popupvue_type_template_id_560adf42_render(_ctx, _cache, $props, $setup, $data, $options) {
+function popupvue_type_template_id_895482f2_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
-    "class": (0,external_vue_.normalizeClass)($setup.classes)
+    "class": (0,external_vue_.normalizeClass)(_ctx.classes)
   }, [(0,external_vue_.createVNode)(external_vue_.Transition, {
     name: "dpzvc3-ani-fade"
   }, {
     "default": (0,external_vue_.withCtx)(function () {
-      return [$setup.mask && $setup.visible ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
+      return [_ctx.mask && _ctx.visible ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
         key: 0,
         "class": "dpzvc3-popup-mask",
         onClick: _cache[0] || (_cache[0] = function () {
-          return $setup.close && $setup.close.apply($setup, arguments);
+          return _ctx.close && _ctx.close.apply(_ctx, arguments);
         }),
         onTouchmove: _cache[1] || (_cache[1] = (0,external_vue_.withModifiers)(function () {}, ["prevent"]))
       }, null, 32 /* NEED_HYDRATION */)) : (0,external_vue_.createCommentVNode)("v-if", true)];
     }),
     _: 1 /* STABLE */
   }), (0,external_vue_.createVNode)(external_vue_.Transition, {
-    name: 'dpzvc3-ani-' + $props.position
+    name: 'dpzvc3-ani-' + _ctx.position
   }, {
     "default": (0,external_vue_.withCtx)(function () {
-      return [$setup.visible ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
+      return [_ctx.visible ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
         key: 0,
-        "class": (0,external_vue_.normalizeClass)($setup.popupClasses),
-        style: (0,external_vue_.normalizeStyle)($setup.contentStyle)
+        "class": (0,external_vue_.normalizeClass)(_ctx.popupClasses),
+        style: (0,external_vue_.normalizeStyle)(_ctx.contentStyle)
       }, [(0,external_vue_.renderSlot)(_ctx.$slots, "default")], 6 /* CLASS, STYLE */)) : (0,external_vue_.createCommentVNode)("v-if", true)];
     }),
     _: 3 /* FORWARDED */
   }, 8 /* PROPS */, ["name"])], 2 /* CLASS */);
 }
-;// ./src/components/popup/popup.vue?vue&type=template&id=560adf42
+;// ./src/components/popup/popup.vue?vue&type=template&id=895482f2
 
 ;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[7].use[0]!./src/components/popup/popup.vue?vue&type=script&lang=js
 
@@ -9936,7 +9939,7 @@ function popupvue_type_script_lang_js_ownKeys(e, r) { var t = Object.keys(e); if
 function popupvue_type_script_lang_js_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? popupvue_type_script_lang_js_ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : popupvue_type_script_lang_js_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 
 var popupvue_type_script_lang_js_prefixCls = 'dpzvc3-popup';
-/* harmony default export */ const popupvue_type_script_lang_js = ({
+/* harmony default export */ const popupvue_type_script_lang_js = ((0,external_vue_.defineComponent)({
   name: 'Dpzvc3Popup',
   props: {
     modelValue: {
@@ -10017,7 +10020,7 @@ var popupvue_type_script_lang_js_prefixCls = 'dpzvc3-popup';
       close: close
     };
   }
-});
+}));
 ;// ./src/components/popup/popup.vue?vue&type=script&lang=js
  
 ;// ./src/components/popup/popup.vue
@@ -10026,7 +10029,7 @@ var popupvue_type_script_lang_js_prefixCls = 'dpzvc3-popup';
 
 
 ;
-const popup_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(popupvue_type_script_lang_js, [['render',popupvue_type_template_id_560adf42_render]])
+const popup_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(popupvue_type_script_lang_js, [['render',popupvue_type_template_id_895482f2_render]])
 
 /* harmony default export */ const popup = (popup_exports_);
 ;// ./src/components/popup/index.js
@@ -11355,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),
@@ -11393,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),
@@ -11407,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) {
@@ -11418,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',
@@ -11607,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');
@@ -11633,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() {
@@ -11688,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
@@ -13443,15 +13469,15 @@ const upload_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(uploadvue_t
  */
 
 /* harmony default export */ const components_upload = (upload);
-;// ./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/action-sheet/actionSheet.vue?vue&type=template&id=bded2a8e
+;// ./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/action-sheet/actionSheet.vue?vue&type=template&id=3e21ff72
 
-var actionSheetvue_type_template_id_bded2a8e_hoisted_1 = ["onClick"];
-function actionSheetvue_type_template_id_bded2a8e_render(_ctx, _cache, $props, $setup, $data, $options) {
+var actionSheetvue_type_template_id_3e21ff72_hoisted_1 = ["onClick"];
+function actionSheetvue_type_template_id_3e21ff72_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_Popup = (0,external_vue_.resolveComponent)("Popup");
   return (0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", null, [(0,external_vue_.createVNode)(_component_Popup, {
-    modelValue: $setup.visible,
+    modelValue: _ctx.visible,
     "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) {
-      return $setup.visible = $event;
+      return _ctx.visible = $event;
     }),
     position: "bottom",
     styles: {
@@ -13460,36 +13486,36 @@ function actionSheetvue_type_template_id_bded2a8e_render(_ctx, _cache, $props, $
   }, {
     "default": (0,external_vue_.withCtx)(function () {
       return [(0,external_vue_.createElementVNode)("div", {
-        "class": (0,external_vue_.normalizeClass)($setup.classes)
+        "class": (0,external_vue_.normalizeClass)(_ctx.classes)
       }, [(0,external_vue_.createElementVNode)("ul", {
-        "class": (0,external_vue_.normalizeClass)($setup.wrapperClasses)
-      }, [((0,external_vue_.openBlock)(true), (0,external_vue_.createElementBlock)(external_vue_.Fragment, null, (0,external_vue_.renderList)($setup.actions, function (item, key) {
+        "class": (0,external_vue_.normalizeClass)(_ctx.wrapperClasses)
+      }, [((0,external_vue_.openBlock)(true), (0,external_vue_.createElementBlock)(external_vue_.Fragment, null, (0,external_vue_.renderList)(_ctx.actions, function (item, key) {
         return (0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("li", {
           key: key,
-          "class": (0,external_vue_.normalizeClass)($setup.wrapperActionClass),
+          "class": (0,external_vue_.normalizeClass)(_ctx.wrapperActionClass),
           onClick: function onClick($event) {
-            return $setup.emit(item, key);
+            return _ctx.emit(item, key);
           }
-        }, [(0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(item.text), 1 /* TEXT */)], 10 /* CLASS, PROPS */, actionSheetvue_type_template_id_bded2a8e_hoisted_1);
-      }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */), $props.cancleText ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("a", {
+        }, [(0,external_vue_.createElementVNode)("span", null, (0,external_vue_.toDisplayString)(item.text), 1 /* TEXT */)], 10 /* CLASS, PROPS */, actionSheetvue_type_template_id_3e21ff72_hoisted_1);
+      }), 128 /* KEYED_FRAGMENT */))], 2 /* CLASS */), _ctx.cancleText ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("a", {
         key: 0,
         href: "javascript:;",
-        "class": (0,external_vue_.normalizeClass)($setup.cancleClass),
+        "class": (0,external_vue_.normalizeClass)(_ctx.cancleClass),
         onClick: _cache[0] || (_cache[0] = function ($event) {
-          return $setup.visible = false;
+          return _ctx.visible = false;
         })
-      }, (0,external_vue_.toDisplayString)($props.cancleText), 3 /* TEXT, CLASS */)) : (0,external_vue_.createCommentVNode)("v-if", true)], 2 /* CLASS */)];
+      }, (0,external_vue_.toDisplayString)(_ctx.cancleText), 3 /* TEXT, CLASS */)) : (0,external_vue_.createCommentVNode)("v-if", true)], 2 /* CLASS */)];
     }),
     _: 1 /* STABLE */
   }, 8 /* PROPS */, ["modelValue"])]);
 }
-;// ./src/components/action-sheet/actionSheet.vue?vue&type=template&id=bded2a8e
+;// ./src/components/action-sheet/actionSheet.vue?vue&type=template&id=3e21ff72
 
 ;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[7].use[0]!./src/components/action-sheet/actionSheet.vue?vue&type=script&lang=js
 
 
 var actionSheetvue_type_script_lang_js_prefixCls = 'dpzvc3-actionSheet';
-/* harmony default export */ const actionSheetvue_type_script_lang_js = ({
+/* harmony default export */ const actionSheetvue_type_script_lang_js = ((0,external_vue_.defineComponent)({
   name: 'ActionSheet',
   components: {
     Popup: components_popup
@@ -13525,9 +13551,9 @@ var actionSheetvue_type_script_lang_js_prefixCls = 'dpzvc3-actionSheet';
     });
 
     // 监听 visible 改变，通知父组件
-    (0,external_vue_.watch)(visible, function (val) {
-      emit('update:modelValue', val);
-    });
+    // watch(visible, (val) => {
+    //   emit('update:modelValue', val)
+    // })
 
     // 样式类
     var classes = (0,external_vue_.computed)(function () {
@@ -13548,7 +13574,8 @@ var actionSheetvue_type_script_lang_js_prefixCls = 'dpzvc3-actionSheet';
       if (item.onClick && typeof item.onClick === 'function') {
         item.onClick(item, index);
       }
-      visible.value = false;
+      // visible.value = false
+      emit('update:modelValue', false);
     };
     return {
       visible: visible,
@@ -13560,7 +13587,7 @@ var actionSheetvue_type_script_lang_js_prefixCls = 'dpzvc3-actionSheet';
       emit: emitAction
     };
   }
-});
+}));
 ;// ./src/components/action-sheet/actionSheet.vue?vue&type=script&lang=js
  
 ;// ./src/components/action-sheet/actionSheet.vue
@@ -13569,7 +13596,7 @@ var actionSheetvue_type_script_lang_js_prefixCls = 'dpzvc3-actionSheet';
 
 
 ;
-const actionSheet_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(actionSheetvue_type_script_lang_js, [['render',actionSheetvue_type_template_id_bded2a8e_render]])
+const actionSheet_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(actionSheetvue_type_script_lang_js, [['render',actionSheetvue_type_template_id_3e21ff72_render]])
 
 /* harmony default export */ const actionSheet = (actionSheet_exports_);
 ;// ./src/components/action-sheet/index.js
@@ -14562,52 +14589,61 @@ const topTop_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(topTopvue_t
  */
 
 /* harmony default export */ const toTop = (topTop);
-;// ./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/cell/cell.vue?vue&type=template&id=4e8ecb4b
+;// ./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/cell/cell.vue?vue&type=template&id=134ad428
 
-var cellvue_type_template_id_4e8ecb4b_hoisted_1 = ["href"];
-var cellvue_type_template_id_4e8ecb4b_hoisted_2 = ["textContent"];
-var cellvue_type_template_id_4e8ecb4b_hoisted_3 = ["textContent"];
-var cellvue_type_template_id_4e8ecb4b_hoisted_4 = ["textContent"];
-function cellvue_type_template_id_4e8ecb4b_render(_ctx, _cache, $props, $setup, $data, $options) {
+var cellvue_type_template_id_134ad428_hoisted_1 = ["href"];
+var cellvue_type_template_id_134ad428_hoisted_2 = ["textContent"];
+var cellvue_type_template_id_134ad428_hoisted_3 = ["textContent"];
+var cellvue_type_template_id_134ad428_hoisted_4 = ["textContent"];
+function cellvue_type_template_id_134ad428_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("div", {
-    href: $setup.toLink,
-    "class": (0,external_vue_.normalizeClass)($setup.classes),
+    href: _ctx.toLink,
+    "class": (0,external_vue_.normalizeClass)(_ctx.classes),
     onClick: _cache[0] || (_cache[0] = (0,external_vue_.withModifiers)(function () {
-      return $setup.handleClick && $setup.handleClick.apply($setup, arguments);
-    }, ["prevent"]))
-  }, [$props.hasMask ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", {
+      return _ctx.handleClick && _ctx.handleClick.apply(_ctx, arguments);
+    }, ["prevent"])),
+    onTouchstart: _cache[1] || (_cache[1] = function () {
+      return _ctx.cellTouchStart && _ctx.cellTouchStart.apply(_ctx, arguments);
+    }),
+    onTouchmove: _cache[2] || (_cache[2] = function () {
+      return _ctx.cellTouchMove && _ctx.cellTouchMove.apply(_ctx, arguments);
+    }),
+    onTouchend: _cache[3] || (_cache[3] = function () {
+      return _ctx.cellTouchEnd && _ctx.cellTouchEnd.apply(_ctx, arguments);
+    })
+  }, [_ctx.hasMask ? ((0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", {
     key: 0,
-    "class": (0,external_vue_.normalizeClass)($setup.maskClass)
+    "class": (0,external_vue_.normalizeClass)(_ctx.maskClass)
   }, null, 2 /* CLASS */)) : (0,external_vue_.createCommentVNode)("v-if", true), (0,external_vue_.createElementVNode)("div", {
-    "class": (0,external_vue_.normalizeClass)($setup.leftClasses)
+    "class": (0,external_vue_.normalizeClass)(_ctx.leftClasses)
   }, [(0,external_vue_.renderSlot)(_ctx.$slots, "left")], 2 /* CLASS */), (0,external_vue_.createElementVNode)("div", {
-    "class": (0,external_vue_.normalizeClass)($setup.wrapperClasses)
+    "class": (0,external_vue_.normalizeClass)(_ctx.wrapperClasses)
   }, [(0,external_vue_.createElementVNode)("div", {
-    "class": (0,external_vue_.normalizeClass)($setup.titleClass)
+    "class": (0,external_vue_.normalizeClass)(_ctx.titleClass)
   }, [(0,external_vue_.renderSlot)(_ctx.$slots, "icon"), (0,external_vue_.renderSlot)(_ctx.$slots, "title", {}, function () {
     return [(0,external_vue_.createElementVNode)("span", {
-      textContent: (0,external_vue_.toDisplayString)($props.title)
-    }, null, 8 /* PROPS */, cellvue_type_template_id_4e8ecb4b_hoisted_2), (0,external_vue_.createElementVNode)("span", {
-      "class": (0,external_vue_.normalizeClass)($setup.labelClass),
-      textContent: (0,external_vue_.toDisplayString)($props.label)
-    }, null, 10 /* CLASS, PROPS */, cellvue_type_template_id_4e8ecb4b_hoisted_3)];
+      textContent: (0,external_vue_.toDisplayString)(_ctx.title)
+    }, null, 8 /* PROPS */, cellvue_type_template_id_134ad428_hoisted_2), (0,external_vue_.createElementVNode)("span", {
+      "class": (0,external_vue_.normalizeClass)(_ctx.labelClass),
+      textContent: (0,external_vue_.toDisplayString)(_ctx.label)
+    }, null, 10 /* CLASS, PROPS */, cellvue_type_template_id_134ad428_hoisted_3)];
   })], 2 /* CLASS */), (0,external_vue_.createElementVNode)("div", {
-    "class": (0,external_vue_.normalizeClass)($setup.valueClass)
+    "class": (0,external_vue_.normalizeClass)(_ctx.valueClass)
   }, [(0,external_vue_.renderSlot)(_ctx.$slots, "value", {}, function () {
     return [(0,external_vue_.createElementVNode)("span", {
-      textContent: (0,external_vue_.toDisplayString)($props.value)
-    }, null, 8 /* PROPS */, cellvue_type_template_id_4e8ecb4b_hoisted_4)];
+      textContent: (0,external_vue_.toDisplayString)(_ctx.value)
+    }, null, 8 /* PROPS */, cellvue_type_template_id_134ad428_hoisted_4)];
   })], 2 /* CLASS */)], 2 /* CLASS */), (0,external_vue_.createElementVNode)("div", {
-    "class": (0,external_vue_.normalizeClass)($setup.rightClasses)
-  }, [(0,external_vue_.renderSlot)(_ctx.$slots, "right")], 2 /* CLASS */)], 10 /* CLASS, PROPS */, cellvue_type_template_id_4e8ecb4b_hoisted_1);
+    "class": (0,external_vue_.normalizeClass)(_ctx.rightClasses)
+  }, [(0,external_vue_.renderSlot)(_ctx.$slots, "right")], 2 /* CLASS */)], 42 /* CLASS, PROPS, NEED_HYDRATION */, cellvue_type_template_id_134ad428_hoisted_1);
 }
-;// ./src/components/cell/cell.vue?vue&type=template&id=4e8ecb4b
+;// ./src/components/cell/cell.vue?vue&type=template&id=134ad428
 
 ;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[7].use[0]!./src/components/cell/cell.vue?vue&type=script&lang=js
 
 
 var cellvue_type_script_lang_js_prefixCls = 'dpzvc3-cell';
-/* harmony default export */ const cellvue_type_script_lang_js = ({
+/* harmony default export */ const cellvue_type_script_lang_js = ((0,external_vue_.defineComponent)({
   name: 'Dpzvc3Cell',
   props: {
     title: String,
@@ -14616,6 +14652,7 @@ var cellvue_type_script_lang_js_prefixCls = 'dpzvc3-cell';
     link: String,
     hasMask: Boolean
   },
+  emits: ['touchstart', 'touchmove', 'touchend', 'click'],
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
     var router = useRouter();
@@ -14656,7 +14693,22 @@ var cellvue_type_script_lang_js_prefixCls = 'dpzvc3-cell';
 
     // 点击跳转
     var handleClick = function handleClick(e) {
-      if (props.link) router.push(props.link);
+      if (props.link) {
+        router.push(props.link);
+      } else {
+        emit('click', e);
+      }
+    };
+
+    // 定义touchstart，touchmove，touchend事件
+    var cellTouchStart = function cellTouchStart(e) {
+      emit('touchstart', e);
+    };
+    var cellTouchMove = function cellTouchMove(e) {
+      emit('touchmove', e);
+    };
+    var cellTouchEnd = function cellTouchEnd(e) {
+      emit('touchend', e);
     };
     return {
       toLink: toLink,
@@ -14669,10 +14721,13 @@ var cellvue_type_script_lang_js_prefixCls = 'dpzvc3-cell';
       valueClass: valueClass,
       labelClass: labelClass,
       handleClick: handleClick,
-      emit: emit
+      emit: emit,
+      cellTouchStart: cellTouchStart,
+      cellTouchMove: cellTouchMove,
+      cellTouchEnd: cellTouchEnd
     };
   }
-});
+}));
 ;// ./src/components/cell/cell.vue?vue&type=script&lang=js
  
 ;// ./src/components/cell/cell.vue
@@ -14681,7 +14736,7 @@ var cellvue_type_script_lang_js_prefixCls = 'dpzvc3-cell';
 
 
 ;
-const cell_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(cellvue_type_script_lang_js, [['render',cellvue_type_template_id_4e8ecb4b_render]])
+const cell_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(cellvue_type_script_lang_js, [['render',cellvue_type_template_id_134ad428_render]])
 
 /* harmony default export */ const cell = (cell_exports_);
 ;// ./src/components/cell/index.js
@@ -14690,116 +14745,78 @@ const cell_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(cellvue_type_
  */
 
 /* harmony default export */ const components_cell = (cell);
-;// ./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/cell-swipe/cell-swipe.vue?vue&type=template&id=796ae3a8
+;// ./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/cell-swipe/cell-swipe.vue?vue&type=template&id=65db72d2
 
-var cell_swipevue_type_template_id_796ae3a8_hoisted_1 = {
+var cell_swipevue_type_template_id_65db72d2_hoisted_1 = {
   ref: "leftRef",
   "class": "dpzvc3-cell-swipe-group"
 };
-var cell_swipevue_type_template_id_796ae3a8_hoisted_2 = ["onClick", "innerHTML"];
-var cell_swipevue_type_template_id_796ae3a8_hoisted_3 = {
+var cell_swipevue_type_template_id_65db72d2_hoisted_2 = ["onClick", "innerHTML"];
+var cell_swipevue_type_template_id_65db72d2_hoisted_3 = {
   ref: "rightRef",
   "class": "dpzvc3-cell-swipe-group"
 };
-var cell_swipevue_type_template_id_796ae3a8_hoisted_4 = ["onClick", "innerHTML"];
-function cell_swipevue_type_template_id_796ae3a8_render(_ctx, _cache, $props, $setup, $data, $options) {
+var cell_swipevue_type_template_id_65db72d2_hoisted_4 = ["onClick", "innerHTML"];
+function cell_swipevue_type_template_id_65db72d2_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_Cell = (0,external_vue_.resolveComponent)("Cell");
-  var _directive_clickoutside = (0,external_vue_.resolveDirective)("clickoutside");
-  return (0,external_vue_.withDirectives)(((0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_Cell, {
+  return (0,external_vue_.openBlock)(), (0,external_vue_.createBlock)(_component_Cell, {
     ref: "cell",
-    title: $props.title,
-    value: $props.value,
-    label: $props.label,
-    link: $props.link,
-    "has-mask": $props.hasMask,
+    title: _ctx.title,
+    value: _ctx.value,
+    label: _ctx.label,
+    link: _ctx.link,
+    "has-mask": _ctx.hasMask,
     onClick: _cache[0] || (_cache[0] = function ($event) {
-      return $setup.swipe();
+      return _ctx.swipe();
     }),
-    onTouchstart: $setup.onTouchStart,
-    onTouchmove: $setup.onTouchMove,
-    onTouchend: $setup.onTouchEnd
+    onTouchstart: _ctx.onTouchStart,
+    onTouchmove: _ctx.onTouchMove,
+    onTouchend: _ctx.onTouchEnd
   }, {
     left: (0,external_vue_.withCtx)(function () {
-      return [(0,external_vue_.createElementVNode)("div", cell_swipevue_type_template_id_796ae3a8_hoisted_1, [((0,external_vue_.openBlock)(true), (0,external_vue_.createElementBlock)(external_vue_.Fragment, null, (0,external_vue_.renderList)($props.left, function (item, key) {
+      return [(0,external_vue_.createElementVNode)("div", cell_swipevue_type_template_id_65db72d2_hoisted_1, [((0,external_vue_.openBlock)(true), (0,external_vue_.createElementBlock)(external_vue_.Fragment, null, (0,external_vue_.renderList)(_ctx.left, function (item, key) {
         return (0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", {
           key: key,
           "class": "dpzvc3-cell-swipe-btn",
           style: (0,external_vue_.normalizeStyle)(item.style),
           onClick: (0,external_vue_.withModifiers)(function () {
             item.handleClick && item.handleClick();
-            $setup.swipe();
+            _ctx.swipe();
           }, ["stop"]),
           innerHTML: item.content
-        }, null, 12 /* STYLE, PROPS */, cell_swipevue_type_template_id_796ae3a8_hoisted_2);
+        }, null, 12 /* STYLE, PROPS */, cell_swipevue_type_template_id_65db72d2_hoisted_2);
       }), 128 /* KEYED_FRAGMENT */))], 512 /* NEED_PATCH */)];
     }),
     right: (0,external_vue_.withCtx)(function () {
-      return [(0,external_vue_.createElementVNode)("div", cell_swipevue_type_template_id_796ae3a8_hoisted_3, [((0,external_vue_.openBlock)(true), (0,external_vue_.createElementBlock)(external_vue_.Fragment, null, (0,external_vue_.renderList)($props.right, function (item, key) {
+      return [(0,external_vue_.createElementVNode)("div", cell_swipevue_type_template_id_65db72d2_hoisted_3, [((0,external_vue_.openBlock)(true), (0,external_vue_.createElementBlock)(external_vue_.Fragment, null, (0,external_vue_.renderList)(_ctx.right, function (item, key) {
         return (0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", {
           key: key,
           "class": "dpzvc3-cell-swipe-btn",
           style: (0,external_vue_.normalizeStyle)(item.style),
           onClick: (0,external_vue_.withModifiers)(function () {
             item.handleClick && item.handleClick();
-            $setup.swipe();
+            _ctx.swipe();
           }, ["stop"]),
           innerHTML: item.content
-        }, null, 12 /* STYLE, PROPS */, cell_swipevue_type_template_id_796ae3a8_hoisted_4);
+        }, null, 12 /* STYLE, PROPS */, cell_swipevue_type_template_id_65db72d2_hoisted_4);
       }), 128 /* KEYED_FRAGMENT */))], 512 /* NEED_PATCH */)];
     }),
     _: 1 /* STABLE */
-  }, 8 /* PROPS */, ["title", "value", "label", "link", "has-mask", "onTouchstart", "onTouchmove", "onTouchend"])), [[_directive_clickoutside, $setup.swipe, "touchstart"]]);
-}
-;// ./src/components/cell-swipe/cell-swipe.vue?vue&type=template&id=796ae3a8
-
-;// ./src/directives/clickoutside.js
-var clickoutsideContext = '@@clickoutsideContext';
-/* harmony default export */ const clickoutside = ({
-  beforeMount: function beforeMount(el, binding) {
-    // document 事件处理函数
-    var documentHandler = function documentHandler(e) {
-      // 如果点击元素本身或其子元素，则不触发
-      if (!el.contains(e.target)) {
-        // 调用传入的方法
-        if (typeof binding.value === 'function') {
-          binding.value(e);
-        }
-      }
-    };
+  }, 8 /* PROPS */, ["title", "value", "label", "link", "has-mask", "onTouchstart", "onTouchmove", "onTouchend"]);
+}
+;// ./src/components/cell-swipe/cell-swipe.vue?vue&type=template&id=65db72d2
 
-    // 保存上下文信息到 el 上，方便解绑
-    el[clickoutsideContext] = {
-      documentHandler: documentHandler,
-      event: binding.arg || 'click'
-    };
-    document.addEventListener(el[clickoutsideContext].event, documentHandler);
-  },
-  updated: function updated(el, binding) {
-    // 可以在更新时替换方法
-    // binding.value 已经是最新函数
-    el[clickoutsideContext].documentHandler = function (e) {
-      if (!el.contains(e.target) && typeof binding.value === 'function') {
-        binding.value(e);
-      }
-    };
-  },
-  unmounted: function unmounted(el) {
-    document.removeEventListener(el[clickoutsideContext].event, el[clickoutsideContext].documentHandler);
-    delete el[clickoutsideContext];
-  }
-});
 ;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[7].use[0]!./src/components/cell-swipe/cell-swipe.vue?vue&type=script&lang=js
 
 
+// import Clickoutside from '../../directives/clickoutside'
 
-/* harmony default export */ const cell_swipevue_type_script_lang_js = ({
+/* harmony default export */ const cell_swipevue_type_script_lang_js = ((0,external_vue_.defineComponent)({
   name: 'CellSwipe',
   components: {
     Cell: components_cell
   },
-  directives: {
-    Clickoutside: clickoutside
-  },
+  // directives: { Clickoutside },
   props: {
     title: String,
     value: {},
@@ -14907,7 +14924,7 @@ var clickoutsideContext = '@@clickoutsideContext';
       onTouchEnd: onTouchEnd
     };
   }
-});
+}));
 ;// ./src/components/cell-swipe/cell-swipe.vue?vue&type=script&lang=js
  
 ;// ./src/components/cell-swipe/cell-swipe.vue
@@ -14916,7 +14933,7 @@ var clickoutsideContext = '@@clickoutsideContext';
 
 
 ;
-const cell_swipe_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(cell_swipevue_type_script_lang_js, [['render',cell_swipevue_type_template_id_796ae3a8_render]])
+const cell_swipe_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(cell_swipevue_type_script_lang_js, [['render',cell_swipevue_type_template_id_65db72d2_render]])
 
 /* harmony default export */ const cell_swipe = (cell_swipe_exports_);
 ;// ./src/components/cell-swipe/index.js
@@ -14925,22 +14942,22 @@ const cell_swipe_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(cell_sw
  */
 
 /* harmony default export */ const components_cell_swipe = (cell_swipe);
-;// ./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/badge/badge.vue?vue&type=template&id=b074a0ce
+;// ./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/badge/badge.vue?vue&type=template&id=fde94178
 
-function badgevue_type_template_id_b074a0ce_render(_ctx, _cache, $props, $setup, $data, $options) {
+function badgevue_type_template_id_fde94178_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_vue_.openBlock)(), (0,external_vue_.createElementBlock)("span", {
-    "class": (0,external_vue_.normalizeClass)($setup.classes)
+    "class": (0,external_vue_.normalizeClass)(_ctx.classes)
   }, [(0,external_vue_.renderSlot)(_ctx.$slots, "default"), (0,external_vue_.withDirectives)((0,external_vue_.createElementVNode)("sup", {
-    "class": (0,external_vue_.normalizeClass)($setup.supClasses)
-  }, (0,external_vue_.toDisplayString)($setup.displayCount), 3 /* TEXT, CLASS */), [[external_vue_.vShow, $setup.visible]])], 2 /* CLASS */);
+    "class": (0,external_vue_.normalizeClass)(_ctx.supClasses)
+  }, (0,external_vue_.toDisplayString)(_ctx.displayCount), 3 /* TEXT, CLASS */), [[external_vue_.vShow, _ctx.visible]])], 2 /* CLASS */);
 }
-;// ./src/components/badge/badge.vue?vue&type=template&id=b074a0ce
+;// ./src/components/badge/badge.vue?vue&type=template&id=fde94178
 
 ;// ./node_modules/babel-loader/lib/index.js!./node_modules/vue-loader/dist/index.js??ruleSet[1].rules[7].use[0]!./src/components/badge/badge.vue?vue&type=script&lang=js
 
 
 var badgevue_type_script_lang_js_prefixCls = 'dpzvc3-badge';
-/* harmony default export */ const badgevue_type_script_lang_js = ({
+/* harmony default export */ const badgevue_type_script_lang_js = ((0,external_vue_.defineComponent)({
   name: 'Dpzvc3Badge',
   props: {
     type: {
@@ -15002,7 +15019,7 @@ var badgevue_type_script_lang_js_prefixCls = 'dpzvc3-badge';
       displayCount: displayCount
     };
   }
-});
+}));
 ;// ./src/components/badge/badge.vue?vue&type=script&lang=js
  
 ;// ./src/components/badge/badge.vue
@@ -15011,7 +15028,7 @@ var badgevue_type_script_lang_js_prefixCls = 'dpzvc3-badge';
 
 
 ;
-const badge_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(badgevue_type_script_lang_js, [['render',badgevue_type_template_id_b074a0ce_render]])
+const badge_exports_ = /*#__PURE__*/(0,exportHelper/* default */.A)(badgevue_type_script_lang_js, [['render',badgevue_type_template_id_fde94178_render]])
 
 /* harmony default export */ const badge = (badge_exports_);
 ;// ./src/components/badge/index.js