dpzvc3-ui 3.0.0

package/src/main.js

@@ -0,0 +1,31 @@
+import { createApp } from 'vue'
+import { createRouter, createWebHashHistory } from 'vue-router'
+
+import App from './components/app.vue'
+import Routers from './router'
+import Config from './config/config'
+import dpzvc3 from './index'
+
+// 1️⃣ 创建 app
+const app = createApp(App)
+
+// 2️⃣ 安装你的组件库
+app.use(dpzvc3)
+
+// 3️⃣ 挂载全局变量
+app.config.globalProperties.$Config = Config
+
+// 4️⃣ 创建 router（Vue Router 4）
+const router = createRouter({
+  history: createWebHashHistory(), // 等价于 Vue 2 的 mode: 'hash'
+  routes: Routers,
+  scrollBehavior () {
+    return { top: 0 }
+  }
+})
+
+// 5️⃣ 使用路由
+app.use(router)
+
+// 6️⃣ 挂载
+app.mount('#app')

package/src/mixin/emitter.js

@@ -0,0 +1,72 @@
+/**
+ * Emitter - Vue 3 版本
+ * 使用 provide / inject 实现组件树通信
+ */
+
+import { inject, provide, getCurrentInstance, onUnmounted } from 'vue'
+
+const EMITTER_KEY = Symbol('dpzvc3-emitter')
+
+function createEmitter () {
+  const components = new Map()
+
+  function register (name, instance) {
+    if (!name) return
+    components.set(instance.uid, { name, instance })
+  }
+
+  function unregister (instance) {
+    components.delete(instance.uid)
+  }
+
+  function dispatch (componentName, eventName, params = []) {
+    for (const { name, instance } of components.values()) {
+      if (name === componentName) {
+        instance.emit(eventName, ...params)
+        break
+      }
+    }
+  }
+
+  function broadcast (componentName, eventName, params = []) {
+    for (const { name, instance } of components.values()) {
+      if (name === componentName) {
+        instance.emit(eventName, ...params)
+      }
+    }
+  }
+
+  return {
+    register,
+    unregister,
+    dispatch,
+    broadcast
+  }
+}
+
+export function provideEmitter () {
+  const emitter = createEmitter()
+  provide(EMITTER_KEY, emitter)
+  return emitter
+}
+
+export function useEmitter (componentName) {
+  const emitter = inject(EMITTER_KEY, null)
+  const instance = getCurrentInstance()
+
+  if (!emitter || !instance) {
+    console.warn('[Emitter] must be used inside setup() and under provideEmitter()')
+    return {}
+  }
+
+  emitter.register(componentName, instance)
+
+  onUnmounted(() => {
+    emitter.unregister(instance)
+  })
+
+  return {
+    dispatch: emitter.dispatch,
+    broadcast: emitter.broadcast
+  }
+}

package/src/mixin/input.js

@@ -0,0 +1,41 @@
+/**
+ * Created by admin on 2017/5/26.
+ */
+export default {
+  props: {
+    disable: {
+      type: Boolean,
+      default: false
+    },
+    autocomplete: {
+      type: String,
+      validator (val) {
+        return ['on', 'off'].indexOf(val)
+      },
+      default: 'off'
+    },
+    styles: {
+      type: Object,
+      default () {
+        return {}
+      }
+    },
+    focus: {
+      type: Boolean,
+      default: false
+    }
+  },
+  methods: {
+    blurInput (e) {
+      this.$emit('on-blur', e)
+    },
+    focusInput (e) {
+      if (this.focus) e.target.select()
+      this.$emit('on-focus', e)
+    },
+    onChangeInput (e) {
+      this.$emit('on-change', e)
+    }
+  }
+
+}

package/src/router.js

@@ -0,0 +1,36 @@
+/**
+ * 路由配置 - 按需加载版本
+ */
+const routers = [
+  { path: '/', redirect: '/guide' },
+
+  { path: '/guide', name: 'guide', component: () => import(/* webpackChunkName: "guide" */ './views/guide.vue'), meta: { title: 'guide' } },
+  { path: '/ActionSheet', name: 'ActionSheet', component: () => import(/* webpackChunkName: "actionsheet" */ './views/ActionSheet.vue'), meta: { title: 'ActionSheet' } },
+  { path: '/Badge', name: 'Badge', component: () => import(/* webpackChunkName: "badge" */ './views/Badge.vue'), meta: { title: 'Badge' } },
+  { path: '/Button', name: 'Button', component: () => import(/* webpackChunkName: "button" */ './views/Button.vue'), meta: { title: 'Button' } },
+  { path: '/Card', name: 'Card', component: () => import(/* webpackChunkName: "card" */ './views/Card.vue'), meta: { title: 'Card' } },
+  { path: '/Cell', name: 'Cell', component: () => import(/* webpackChunkName: "cell" */ './views/Cell.vue'), meta: { title: 'Cell' } },
+  { path: '/CellSwipe', name: 'CellSwipe', component: () => import(/* webpackChunkName: "cellswipe" */ './views/CellSwipe.vue'), meta: { title: 'CellSwipe' } },
+  { path: '/CheckBox', name: 'CheckBox', component: () => import(/* webpackChunkName: "checkbox" */ './views/CheckBox.vue'), meta: { title: 'CheckBox' } },
+  { path: '/Header', name: 'Header', component: () => import(/* webpackChunkName: "header" */ './views/Header.vue'), meta: { title: 'Header' } },
+  { path: '/Indicator', name: 'Indicator', component: () => import(/* webpackChunkName: "indicator" */ './views/Indicator.vue'), meta: { title: 'Indicator' } },
+  { path: '/LoadMore', name: 'LoadMore', component: () => import(/* webpackChunkName: "loadmore" */ './views/LoadMore.vue'), meta: { title: 'LoadMore' } },
+  { path: '/Message', name: 'Message', component: () => import(/* webpackChunkName: "message" */ './views/Message.vue'), meta: { title: 'Message' } },
+  { path: '/Modal', name: 'Modal', component: () => import(/* webpackChunkName: "modal" */ './views/Modal.vue'), meta: { title: 'Modal' } },
+  { path: '/Picker', name: 'Picker', component: () => import(/* webpackChunkName: "picker" */ './views/Picker.vue'), meta: { title: 'Picker' } },
+  { path: '/Popup', name: 'Popup', component: () => import(/* webpackChunkName: "popup" */ './views/Popup.vue'), meta: { title: 'Popup' } },
+  { path: '/Progress', name: 'Progress', component: () => import(/* webpackChunkName: "progress" */ './views/Progress.vue'), meta: { title: 'Progress' } },
+  { path: '/Prompt', name: 'Prompt', component: () => import(/* webpackChunkName: "prompt" */ './views/Prompt.vue'), meta: { title: 'Prompt' } },
+  { path: '/RadioBox', name: 'RadioBox', component: () => import(/* webpackChunkName: "radiobox" */ './views/RadioBox.vue'), meta: { title: 'RadioBox' } },
+  { path: '/Rater', name: 'Rater', component: () => import(/* webpackChunkName: "rater" */ './views/Rater.vue'), meta: { title: 'Rater' } },
+  { path: '/SlideBar', name: 'SlideBar', component: () => import(/* webpackChunkName: "slidebar" */ './views/SlideBar.vue'), meta: { title: 'SlideBar' } },
+  { path: '/Spinner', name: 'Spinner', component: () => import(/* webpackChunkName: "spinner" */ './views/Spinner.vue'), meta: { title: 'Spinner' } },
+  { path: '/Swipe', name: 'Swipe', component: () => import(/* webpackChunkName: "swipe" */ './views/Swipe.vue'), meta: { title: 'Swipe' } },
+  { path: '/SwitchBar', name: 'SwitchBar', component: () => import(/* webpackChunkName: "switchbar" */ './views/SwitchBar.vue'), meta: { title: 'SwitchBar' } },
+  { path: '/Tab', name: 'Tab', component: () => import(/* webpackChunkName: "tab" */ './views/Tab.vue'), meta: { title: 'Tab' } },
+  { path: '/Text', name: 'Text', component: () => import(/* webpackChunkName: "text" */ './views/Text.vue'), meta: { title: 'Text' } },
+  { path: '/ToTop', name: 'ToTop', component: () => import(/* webpackChunkName: "totop" */ './views/ToTop.vue'), meta: { title: 'ToTop' } },
+  { path: '/Upload', name: 'Upload', component: () => import(/* webpackChunkName: "upload" */ './views/Upload.vue'), meta: { title: 'Upload' } }
+]
+
+export default routers

package/src/styles/base/font.less

@@ -0,0 +1,99 @@
+/* This stylesheet generated by Transfonter (https://transfonter.org) on August 28, 2017 6:54 AM */
+
+@font-face {
+	font-family: 'iconfont';
+	src: url(data:font/truetype;charset=utf-8;base64,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AEMAcgBlAGEAdABlAGQAIABiAHkAIABpAGMAbwBuAGYAbwBuAHQACgAACkNyZWF0ZWQgYnkgaWNvbmZvbnQKAABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABpAGMAbwBuAGYAbwBuAHQAAGljb25mb250AABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAABHZW5lcmF0ZWQgYnkgc3ZnMnR0ZiBmcm9tIEZvbnRlbGxvIHByb2plY3QuAABoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAABodHRwOi8vZm9udGVsbG8uY29tAAACAAAAAAAAAAoAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAC0AAAABAAIAWwECAQMBBAEFAQYBBwEIAQkBCgELAQwBDQEOAQ8BEAERARIBEwEUARUBFgEXARgBGQEaARsBHAEdAR4BHwEgASEBIgEjASQBJQEmAScBKAEpASoFY2xvc2UaZmFuZ3hpbmd4dWFuemhvbmctZmlsbGNvcHkZZmFuZ3hpbmd4dWFuemhvbmctZmlsbGhlaQ1nb3V3dWNoZS1maWxsBWppZmVuBmp1eGluZwZodWRvbmcKc2hlemhpZmlsbARsYWJhBXNhb21hCmFwcHJlY2lhdGUHQ2hldnJvbgp4aW5nemh1YW5nBmNpcmNsZQZzaGV6aGkIY3JlYXRpdmUHZGVsaXZlcgVmYXZvcgRmb3JtCmZyaWVuZF9hZGQEaG9tZQhyZWNoYXJnZQtyb3VuZF9jbG9zZQNwYXkEc2VuZAZyZW1pbmQEdGltZQd2aXBjYXJkB3NlcnZpY2UFZmVuenUGc291c3VvC3NhbmppYW94aW5nCGdvdXd1Y2hlCnhpYW5nc2hhbmcKc2hhbmdjaGVuZwd3YXJuaW5nB3NoaWppYW4JeXVleGl1Z2FpC2ppZmVueGl1Z2FpBndlaXpoaQd5b25naHUxAAAAAAAB//8AAgABAAAADAAAABYAAAACAAEAAwAsAAEABAAAAAIAAAAAAAAAAQAAAADVpCcIAAAAANaXhzsAAAAA1peHOw==) format('truetype');
+	font-weight: normal;
+	font-style: normal;
+}
+.iconfont {
+	font-family:"iconfont" !important;
+	font-size:16px;
+	font-style:normal;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+.icon-close:before { content: "\e646"; }
+
+.icon-fangxingxuanzhong-fillcopy:before { content: "\e666"; }
+
+.icon-fangxingxuanzhong-fillhei:before { content: "\e667"; }
+
+.icon-gouwuche-fill:before { content: "\e668"; }
+
+.icon-fangxingxuanzhong-fillcopy1:before { content: "\e669"; }
+
+.icon-jifen:before { content: "\e66a"; }
+
+.icon-juxing:before { content: "\e66b"; }
+
+.icon-hudong:before { content: "\e66c"; }
+
+.icon-shezhifill:before { content: "\e66d"; }
+
+.icon-laba:before { content: "\e66e"; }
+
+.icon-saoma:before { content: "\e66f"; }
+
+.icon-appreciate:before { content: "\e670"; }
+
+.icon-Chevron:before { content: "\e671"; }
+
+.icon-xingzhuang:before { content: "\e672"; }
+
+.icon-circle:before { content: "\e673"; }
+
+.icon-shezhi:before { content: "\e674"; }
+
+.icon-creative:before { content: "\e675"; }
+
+.icon-deliver:before { content: "\e676"; }
+
+.icon-favor:before { content: "\e677"; }
+
+.icon-form:before { content: "\e678"; }
+
+.icon-friend_add:before { content: "\e679"; }
+
+.icon-home:before { content: "\e67a"; }
+
+.icon-recharge:before { content: "\e67b"; }
+
+.icon-round_close:before { content: "\e67c"; }
+
+.icon-pay:before { content: "\e67d"; }
+
+.icon-send:before { content: "\e67e"; }
+
+.icon-remind:before { content: "\e67f"; }
+
+.icon-time:before { content: "\e680"; }
+
+.icon-vipcard:before { content: "\e681"; }
+
+.icon-service:before { content: "\e682"; }
+
+.icon-fenzu:before { content: "\e683"; }
+
+.icon-sousuo:before { content: "\e684"; }
+
+.icon-sanjiaoxing:before { content: "\e685"; }
+
+.icon-gouwuche:before { content: "\e686"; }
+
+.icon-xiangshang:before { content: "\e687"; }
+
+.icon-shangcheng:before { content: "\e688"; }
+
+.icon-warning:before { content: "\e689"; }
+
+.icon-shijian:before { content: "\e694"; }
+
+.icon-yuexiugai:before { content: "\e69f"; }
+
+.icon-jifenxiugai:before { content: "\e6a0"; }
+
+.icon-weizhi:before { content: "\e6a2"; }
+
+.icon-yonghu1:before { content: "\e6a3"; }

package/src/styles/base/reset.less

@@ -0,0 +1,135 @@
+@import "../base/variable.less";
+
+html,
+body {
+  font-family: @FontFamily;
+  font-size: @FontSizeBase;
+  color: @TxtColor;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  -webkit-user-select: text;
+  -webkit-overflow-scrolling: touch;
+  overflow-scrolling: touch;
+}
+
+body,
+div,
+ul,
+li,
+ol,
+dl,
+dt,
+dd,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+form,
+fieldset,
+legend,
+input,
+textarea,
+select,
+button,
+p,
+a,
+img,
+table,
+th,
+tr,
+td,
+tbody,
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  -webkit-tap-highlight-color: transparent;
+  border-width: thin;
+}
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+em,
+i {
+  font-style: normal;
+}
+
+strong {
+  font-weight: normal;
+}
+
+a,
+a:hover {
+  color: inherit;
+  -webkit-touch-callout: none;
+  text-decoration: none;
+}
+
+ul,
+ol {
+  list-style: none;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-size: 100%;
+  font-weight: normal;
+}
+
+fieldset,
+img {
+  border: none;
+}
+
+img {
+  max-width: 100%;
+  height: auto;
+  width: auto\9;
+  -ms-interpolation-mode: bicubic;
+}
+
+input,
+textarea,
+select,
+button {
+  font-family: inherit;
+  font-size: inherit;
+  font-weight: inherit;
+  outline: none;
+  border: none;
+  -webkit-appearance: none;
+  background: none;
+}
+
+textarea {
+  resize: none;
+}
+
+input:focus::-webkit-input-placeholder,
+textarea:focus::-webkit-input-placeholder {
+  opacity: 0;
+}
+
+:focus {
+  outline: none;
+  -webkit-tap-highlight-color: transparent;
+}

package/src/styles/base/variable.less

@@ -0,0 +1,108 @@
+// base
+@FontFamily: "Helvetica Neue", "Helvetica", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Arial", sans-serif;
+@ThemeColor: #008cee;             // 主题色
+@TxtColor: #101010;               // 默认文字颜色
+@BarBgColr: #393a3f;              // 工具栏背景色
+@BarTxtColor: #fff;               // 工具栏文字颜色
+@MaskColor: rgba(0, 0, 0, .3);    // 遮罩层颜色
+@BorderColor: #e3e3e3;            // 边框颜色
+@BorderRadius:5px;
+@FontSizeBase: 14px;              // 主字号
+@FontSizeSmall: 12px;             // 小字号
+
+@SpaceHor: 12px;                  // 水平方向边距
+@SpaceVer: 10px;                  // 水平方向边距
+
+// header 标题栏
+@HeaderHeight: 50px;              // 高度
+@HeaderIconWidth: 44px;           // 左右图标宽度
+@HeaderBgColor: @ThemeColor;       // 背景色
+@HeaderTxtColor: @BarTxtColor;    // 文字颜色
+@HeaderTitleSize: 18px;           // 标题文字字号
+@HeaderIconSize: @FontSizeSmall;  // 左右图标字号
+
+// picker 城市选择器
+@PickerHeaderHeight: 44px;        // 操作栏高度
+@PickerHeaderBgColor: #f7f7f8;    // 操作栏背景色
+@PickerTxtSize: 16px;             // 操作栏文字字号
+@PickerHeight: 240px;             // 选择区高度
+@PickerTxtColor: @TxtColor;       // 选项文字颜色
+
+// tab 标签切换
+@TabHeight: 50px;                 // 高度
+@TabBgColor: #fff;                // 背景色
+@TabBorderColor: @BorderColor;    // 边框颜色
+@TabTxtColor: @TxtColor;          // 文字颜色
+@TabTxtColorCur: @ThemeColor;     // 当前文字颜色
+@TabTxtSize: @FontSizeBase;       // 文字字号
+
+//slideBar
+@SlideBarBgColor:#eee;
+@SlideBackgroundCorlor:#fff;
+@slideChildColor:#9b9b9b;
+
+//editor
+
+//button
+//@ButtonBackgroundColor:#39f;
+@ButtonHeight:44px;
+@ButtonFontSize:18px;
+@ButtonColor:@BarTxtColor;
+@ButtonPrimaryBgColor:#f3f7fa;
+@ButtonDangerBgColor:#ee3555;
+@ButtonWarningBgColor:#f90;
+@ButtonNormalBgColor:@ThemeColor;
+@ButtonDisabledBgColor:rgba(0,0,0,0.10);
+@ButtonTextBgColor:transparent;
+@ButtonSuccessBgColor:#0c6;
+@DangerActiveBgColor:#c42c46;
+@WarningActiveBgColor:#ea8711;
+@SuccessActiveBgColor:#0aaf5d;
+@NormalActiveBgColor:#025b98;
+@TextActiveBgColor:#e7e7e7;
+@PrimaryActiveBgColor:#ffffff;
+
+//badge
+@BadgeColor:#ffffff;
+@BadgeSmallHeight:16px;
+@BadgeSmallFontSize:12px;
+@BadgeSmallPadding:0 6px;
+
+@BadgeNormalHeight:24px;
+@BadgeNormalFontSize:15px;
+@BadgeNormalPadding:0 8px;
+
+@BadgeLargeHeight:28px;
+@BadgeLargeFontSize:18px;
+@BadgeLargePadding:0 10px;
+
+@BadgeSuccessBg:#0c6;
+@BadgeDangerBg:#ee3555;
+@BadgeWarningBg:#f90;
+@BadgeNormalBg:@ThemeColor;
+
+
+//checkbox
+@checkBoxColor:@ThemeColor;
+
+//radiobox
+@radioBoxColor:@ThemeColor;
+
+
+//modal
+
+@ModalBgColor:#ffffff;
+@ModalColor:#8e8e8e;
+
+
+//text
+
+@TextColor:#4a4a4a;
+@TextPlaceholderColor:#dddfe7;
+@TextBorderColor:#eee;
+@TextAreaHeight:70px;
+@TextInputHeight:44px;
+
+
+//progress
+@ProgressHeight:30px;

package/src/styles/components/actionSheet.less

@@ -0,0 +1,43 @@
+.dpzvc3-actionSheet {
+  background: #eeeeee;
+  font-size: 15px;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  z-index: 300;
+  width: 100%;
+
+  &-wrapper {
+    width: 100%;
+    height: auto;
+    margin-bottom: 5px;
+
+    &-action {
+      width: 100%;
+
+
+      height: 45px;
+      background: #ffffff;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      border-bottom: 1px solid #eeeeee;
+
+      &:nth-last-child(1) {
+        border-bottom: none;
+      }
+    }
+
+  }
+
+
+  &-cancle {
+
+    width: 100%;
+    height: 45px;
+    background: #ffffff;
+    display: inline-block;
+    text-align: center;
+    line-height: 45px;
+  }
+}

package/src/styles/components/badge.less

@@ -0,0 +1,81 @@
+@import "../base/variable.less";
+
+.dpzvc3-badge {
+  position: relative;
+  display: inline-block;
+  color: @BadgeColor;
+  text-align: center;
+  line-height: 1;
+  vertical-align: middle;
+
+  &-size-normal {
+    height: @BadgeNormalHeight;
+    border-radius: @BadgeNormalHeight/2;
+    font-size: @BadgeNormalFontSize;
+    padding: @BadgeNormalPadding;
+    min-width: @BadgeNormalHeight;
+    top: -@BadgeNormalHeight/2;
+    line-height: @BadgeNormalHeight - 2;
+  }
+
+  &-size-large {
+    height: @BadgeLargeHeight;
+    border-radius: @BadgeLargeHeight/2;
+    font-size: @BadgeLargeFontSize;
+    padding: @BadgeLargePadding;
+    min-width: @BadgeLargeHeight;
+    top: -@BadgeLargeHeight/2;
+    line-height: @BadgeLargeHeight - 2;
+
+  }
+
+  &-size-small {
+    height: @BadgeSmallHeight;
+    border-radius: @BadgeSmallHeight/2;
+    font-size: @BadgeSmallFontSize;
+    padding: @BadgeSmallPadding;
+    min-width: @BadgeSmallHeight;
+    top: -@BadgeSmallHeight/2;
+    line-height: @BadgeSmallHeight - 2;
+  }
+
+  &-dot {
+    position: absolute;
+    transform-origin: 0 center;
+    top: -4px;
+    right: -8px;
+    height: 8px;
+    width: 8px;
+    min-width: 0;
+    padding: 0;
+    border-radius: 100%;
+  }
+
+  &-success {
+    background-color: @BadgeSuccessBg;
+  }
+
+  &-danger {
+    background-color: @BadgeDangerBg;
+  }
+
+  &-warning {
+    background-color: @BadgeWarningBg;
+  }
+
+  &-normal {
+    background-color: @BadgeNormalBg;
+  }
+
+  >sup {
+    position: absolute;
+    right: 0;
+    text-align: center;
+    transform-origin: -10% center;
+    z-index: 10;
+    box-shadow: 0 0 0 1px #fff;
+    transform: translateX(50%);
+    border: 1px solid transparent;
+    box-sizing: border-box;
+  }
+}