@zfqh/uniapp 0.1.1 → 0.1.3

package/lib/styles/index.scss

@@ -1,25 +1,13 @@
 @import '@gmcb/uv-ui/index.scss';
-@import './font.scss';
-@import './spacing.scss';
-@import './opacity.scss';
-@import './sizing.scss';
-@import './layout.scss';
-@import './shadow.scss';
 @import './border.scss';
 @import './bg.scss';
-@import './text.scss';
-@import './animate.scss';
+@import './text.scss';
+@import './layout.scss';
+@import './flex.scss';
 /* #ifndef APP-NVUE */
-@import './reset-vue.scss';
-@import './flex-vue.scss';
-@import './layout-vue.scss';
-@import './sizing-vue.scss';
+@import './reset-vue.scss';
 @import './text-vue.scss';
-@import './bg-vue.scss';
-@import './animate-vue.scss';
 /* #endif */
 /* #ifdef APP-NVUE */
-@import './flex-nvue.scss';
-@import './layout-nvue.scss';
-@import './text-nvue.scss';
+@import './text-nvue.scss';
 /* #endif */

package/lib/styles/layout.scss

@@ -1,76 +1,18 @@
-.overflow-hidden {
-  overflow: hidden;
-}
-.inset-0 {
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-}
-.inset-x-0 {
-  left: 0;
-  right: 0;
-}
-.inset-y-0 {
-  top: 0;
-  bottom: 0;
-}
-@for $i from 0 through 50 {
-  $s: $i * 2;
-  .top-#{$s}px {
-    top: #{$s}px;
-  }
-  .right-#{$s}px {
-    right: #{$s}px;
-  }
-  .bottom-#{$s}px {
-    bottom: #{$s}px;
-  }
-  .left-#{$s}px {
-    left: #{$s}px;
-  }
-  .top-#{$s}rpx {
-    top: #{$s}rpx;
-  }
-  .right-#{$s}rpx {
-    right: #{$s}rpx;
-  }
-  .bottom-#{$s}rpx {
-    bottom: #{$s}rpx;
-  }
-  .left-#{$s}rpx {
-    left: #{$s}rpx;
-  }
-}
-@for $i from 1 through 50 {
-  $s: $i * 2;
-  .-top-#{$s}px {
-    top: -#{$s}px;
-  }
-  .-right-#{$s}px {
-    right: -#{$s}px;
-  }
-  .-bottom-#{$s}px {
-    bottom: -#{$s}px;
-  }
-  .-left-#{$s}px {
-    left: -#{$s}px;
-  }
-  .-top-#{$s}rpx {
-    top: -#{$s}rpx;
-  }
-  .-right-#{$s}rpx {
-    right: -#{$s}rpx;
-  }
-  .-bottom-#{$s}rpx {
-    bottom: -#{$s}rpx;
-  }
-  .-left-#{$s}rpx {
-    left: -#{$s}rpx;
-  }
-}
-@for $n from 0 through 10 {
-  .z-#{$n} {
-    z-index: $n;
-  }
+/* #ifdef H5 */
+page {
+/* #endif */
+  .relative {
+    position: relative;
+  }
+  .absolute {
+    position: absolute;
+  }
+  .fixed {
+    position: fixed;
+  }
+  .sticky {
+    position: sticky;
+  }
+/* #ifdef H5 */
 }
+/* #endif */

package/lib/styles/reset-vue.scss

@@ -11,7 +11,9 @@ page {
   width: 100%;
   height: 100%;
   font-family: Microsoft YaHei;
-  color: $uv-main-color;
+  color: $uv-main-color;
+  display: flex;
+  flex-direction: column;
 }
 
 view,

package/lib/styles/text-nvue.scss

@@ -9,13 +9,4 @@
     text-overflow: ellipsis;
     lines: $n;
   }
-}
-@for $i from 8 through 11 {
-  $s: $i * 2;
-  .text-#{$i}px {
-    font-size: #{$i}px;
-  }
-  .text-#{$s}rpx {
-    font-size: #{$s}rpx;
-  }
-}
+}

package/lib/styles/text-vue.scss

@@ -1,17 +1,3 @@
-@each $size, $base, $zoom in
-  (8px, 12px, 0.67),
-  (9px, 12px, 0.75),
-  (10px, 12px, 0.83),
-  (11px, 12px, 0.92),
-  (16rpx, 24rpx, 0.67),
-  (18rpx, 24rpx, 0.75),
-  (20rpx, 24rpx, 0.83),
-  (22rpx, 24rpx, 0.92) {
-  .text-#{$size} {
-    font-size: $base;
-    zoom: $zoom;
-  }
-}
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
@@ -27,44 +13,3 @@
     word-break: break-all;
   }
 }
-.break-normal {
-  word-break: normal;
-  white-space: normal;
-}
-.break-all {
-  word-break: break-all;
-}
-.break-word {
-  word-wrap: break-word;
-  word-break: break-word;
-}
-.break-keep {
-  word-break: keep-all;
-}
-.whitespace-normal {
-  white-space: normal;
-}
-.whitespace-nowrap {
-  white-space: nowrap;
-}
-.whitespace-pre {
-  white-space: pre;
-}
-.whitespace-pre-line {
-  white-space: pre-line;
-}
-.whitespace-pre-wrap {
-  white-space: pre-wrap;
-}
-.align-baseline {
-  vertical-align: baseline;
-}
-.align-top {
-  vertical-align: top;
-}
-.align-middle {
-  vertical-align: middle;
-}
-.align-bottom {
-  vertical-align: bottom;
-}

package/lib/styles/text.scss

@@ -1,12 +1,3 @@
-.text-transparent {
-  color: transparent;
-}
-.text-white {
-  color: #ffffff;
-}
-.text-black {
-  color: #000000;
-}
 .text-primary {
   color: $uv-primary;
 }
@@ -84,39 +75,6 @@
 }
 .text-disabled {
   color: $uv-disabled-color;
-}
-@for $i from 6 through 50 {
-  $s: $i * 2;
-  .text-#{$s}px {
-    font-size: #{$s}px;
-  }
-  .text-#{$s}rpx {
-    font-size: #{$s}rpx;
-  }
-}
-.text-left {
-  text-align: left;
-}
-.text-center {
-  text-align: center;
-}
-.text-right {
-  text-align: right;
-}
-.text-ellipsis {
-  text-overflow: ellipsis;
-}
-.text-clip {
-  text-overflow: clip;
-}
-.underline {
-  text-decoration: underline;
-}
-.line-through {
-  text-decoration: line-through;
-}
-.no-underline {
-  text-decoration: none;
-}
+}
 
 

package/lib/styles/var.module.scss

@@ -20,6 +20,7 @@
   infoDisabled: $uv-info-disabled;
   infoLight: $uv-info-light;
   bgColor: $uv-bg-color;
+  bgLightColor: $uv-bg-light-color;
   mainColor: $uv-main-color;
   contentColor: $uv-content-color;
   tipsColor: $uv-tips-color;

package/lib/utils/locale.d.ts

@@ -1,6 +1,5 @@
+import { I18nOptions } from 'vue-i18n';
 export declare const defaultLocale: string;
 export declare const fallbackLocale = "zh-Hans";
-/**
- * nvue 下 inject 未提供 t 时的回退；第二参数为命名占位 {n} 等
- */
-export declare function showLocale(key: any, values: any): any;
+export declare function createI18n(opts: I18nOptions): import("vue-i18n").I18n<import("vue-i18n").LocaleMessages<import("vue-i18n").VueMessageType>, import("vue-i18n").IntlDateTimeFormats, import("vue-i18n").IntlNumberFormats, boolean>;
+export declare function getLocaleMessage(key: string): string;

package/lib/utils/locale.js

@@ -1,19 +1,10 @@
+import { createI18n as _createI18n } from 'vue-i18n';
 export const defaultLocale = uni.getLocale();
 export const fallbackLocale = 'zh-Hans';
-function applyNamedPlaceholders(str, values) {
-    if (!values || typeof str !== 'string') {
-        return str;
-    }
-    let out = str;
-    for (const k of Object.keys(values)) {
-        out = out.split(`{${k}}`).join(String(values[k]));
-    }
-    return out;
+export function createI18n(opts) {
+    const i18n = _createI18n(opts);
+    return (uni.$i18n = i18n);
 }
-/**
- * nvue 下 inject 未提供 t 时的回退；第二参数为命名占位 {n} 等
- */
-export function showLocale(key, values) {
-    const raw = uni.$messages[uni.getLocale()]?.[key] || uni.$messages[fallbackLocale]?.[key] || key;
-    return applyNamedPlaceholders(raw, values);
+export function getLocaleMessage(key) {
+    return uni.$i18n?.global?.t(key) || key;
 }

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@zfqh/uniapp",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "uniapp公共模块",
   "author": "yinjiazeng@163.com",
   "license": "MIT",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
-  "homepage": "https://git.keeprisk.cn/zfqh/front-end/tree/master/packages/uniapp-zfqh",
+  "homepage": "https://git.keeprisk.cn/zfqh/front-end/tree/master/packages/zfqh-uniapp",
   "publishConfig": {
     "access": "public"
   },
@@ -45,5 +45,5 @@
     "@types/qs": "^6.9.16",
     "@types/url-parse": "^1.4.11"
   },
-  "gitHead": "29f2e4284d8c7e3585410f8800f2b89a39a37cf1"
+  "gitHead": "51d155379d352d8507622d2ccb89a6442892b2b2"
 }

package/types/index.d.ts

@@ -1,12 +1,14 @@
 /// <reference path="./virtual.d.ts" />
 
 import type { Uni as UniTypes } from '@dcloudio/types';
+import type { Store } from 'vuex';
+import type { I18n } from 'vue-i18n';
 import color from '../lib/configs/color';
 
 declare global {
   interface Uni extends UniTypes {
-    $store: any;
-    $messages: any;
+    $store: Store;
+    $i18n: I18n;
     $uv: any;
     webView: any;
     showAppFromBackground: boolean;

package/lib/styles/animate-vue.scss

@@ -1,3 +0,0 @@
-.transition-all-300 {
-  transition: all 300ms;
-}

package/lib/styles/animate.scss

@@ -1,27 +0,0 @@
-.origin-center {
-  transform-origin: center center;
-}
-.origin-top {
-  transform-origin: top;
-}
-.origin-top-right {
-  transform-origin: top right;
-}
-.origin-right {
-  transform-origin: right;
-}
-.origin-bottom-right {
-  transform-origin: bottom right;
-}
-.origin-bottom {
-  transform-origin: bottom;
-}
-.origin-bottom-left {
-  transform-origin: bottom left;
-}
-.origin-left {
-  transform-origin: left;
-}
-.origin-top-left {
-  transform-origin: top left;
-}

package/lib/styles/bg-vue.scss

@@ -1,21 +0,0 @@
-.backdrop-blur-0 {
-  backdrop-filter: blur(0);
-}
-.backdrop-blur-10px {
-  backdrop-filter: blur(10px);
-}
-.backdrop-blur-10rpx {
-  backdrop-filter: blur(10rpx);
-}
-.backdrop-blur-20px {
-  backdrop-filter: blur(20px);
-}
-.backdrop-blur-20rpx {
-  backdrop-filter: blur(20rpx);
-}
-.backdrop-blur-30px {
-  backdrop-filter: blur(30px);
-}
-.backdrop-blur-30rpx {
-  backdrop-filter: blur(30rpx);
-}

package/lib/styles/flex-nvue.scss

@@ -1,64 +0,0 @@
-.flex {
-  flex-direction: row;
-  align-items: center;
-}
-.flex-row {
-  flex-direction: row;
-}
-.flex-row-reverse {
-  flex-direction: row-reverse;
-}
-.flex-col {
-  flex-direction: column;
-}
-.flex-col-reverse {
-  flex-direction: column-reverse;
-}
-.flex-wrap {
-  flex-wrap: wrap;
-}
-.flex-nowrap {
-  flex-wrap: nowrap;
-}
-.flex-wrap-reverse {
-  flex-wrap: wrap-reverse;
-}
-@for $n from 0 through 5 {
-  .flex-#{$n} {
-    flex: $n;
-  }
-}
-.flex-none {
-  flex: 0;
-}
-.items-start {
-  align-items: flex-start;
-}
-.items-end {
-  align-items: flex-end;
-}
-.items-center {
-  align-items: center;
-}
-.items-stretch {
-  align-items: stretch;
-}
-.items-baseline {
-  align-items: flex-end;
-}
-.justify-start {
-  justify-content: flex-start;
-}
-.justify-end {
-  justify-content: flex-end;
-}
-.justify-center {
-  justify-content: center;
-}
-.justify-between {
-  justify-content: space-between;
-}
-.justify-around {
-  justify-content: space-around;
-}
-

package/lib/styles/font.scss

@@ -1,59 +0,0 @@
-.font-sans {
-  font-family: system-ui, sans-serif;
-}
-.font-thin {
-  font-weight: 100;
-}
-.font-extralight {
-  font-weight: 200;
-}
-.font-light {
-  font-weight: 300;
-}
-.font-normal {
-  font-weight: 400;
-}
-.font-medium {
-  font-weight: 500;
-}
-.font-semibold {
-  font-weight: 600;
-}
-.font-bold {
-  font-weight: 700;
-}
-.font-extrabold {
-  font-weight: 800;
-}
-.font-black {
-  font-weight: 900;
-}
-@each $w in (100, 200, 300, 400, 500, 600, 700, 800, 900) {
-  .font-#{$w} {
-    font-weight: $w;
-  }
-}
-.italic {
-  font-style: italic;
-}
-.not-italic {
-  font-style: normal;
-}
-.leading-none {
-  line-height: 1;
-}
-.leading-tight {
-  line-height: 1.25;
-}
-.leading-snug {
-  line-height: 1.375;
-}
-.leading-normal {
-  line-height: 1.5;
-}
-.leading-relaxed {
-  line-height: 1.625;
-}
-.leading-loose {
-  line-height: 2;
-}

package/lib/styles/layout-nvue.scss

@@ -1,24 +0,0 @@
-.relative {
-  position: relative;
-}
-.absolute {
-  position: absolute;
-}
-.fixed {
-  position: fixed;
-}
-.sticky {
-  position: sticky;
-}
-.sticky-top {
-  position: sticky;
-  top: 0;
-  z-index: 9;
-}
-.sticky-bottom {
-  position: sticky;
-  bottom: 0;
-  z-index: 9;
-}
-
-

package/lib/styles/layout-vue.scss

@@ -1,30 +0,0 @@
-page {
-  .relative {
-    position: relative;
-  }
-  .absolute {
-    position: absolute;
-  }
-  .fixed {
-    position: fixed;
-  }
-  .sticky {
-    position: sticky;
-  }
-  .sticky-top {
-    position: sticky;
-    top: var(--window-top);
-    z-index: 9;
-  }
-  .sticky-bottom {
-    position: sticky;
-    bottom: var(--window-bottom);
-    z-index: 9;
-  }
-}
-.overflow-auto {
-  overflow: auto;
-}
-.overflow-scroll {
-  overflow: scroll;
-}

package/lib/styles/opacity.scss

@@ -1,10 +0,0 @@
-.opacity-0 {
-  opacity: 0;
-}
-@for $i from 1 through 10 {
-  $o: $i * 10;
-  .opacity-#{$o} {
-    opacity: $o * 0.01;
-  }
-}
-

package/lib/styles/shadow.scss

@@ -1,12 +0,0 @@
-.shadow {
-  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
-}
-.shadow-sm {
-  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
-}
-.shadow-md {
-  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
-}
-.shadow-lg {
-  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
-}

package/lib/styles/sizing-vue.scss

@@ -1,21 +0,0 @@
-.w-full {
-  width: 100%;
-}
-.h-full {
-  height: 100%;
-}
-@for $i from 1 through 10 {
-  $s: $i * 10;
-  .w-#{$s}vw {
-    width: #{$s}vw;
-  }
-  .h-#{$s}vh {
-    height: #{$s}vh;
-  }
-}
-.box-border {
-  box-sizing: border-box;
-}
-.box-content {
-  box-sizing: content-box;
-}

package/lib/styles/sizing.scss

@@ -1,21 +0,0 @@
-.w-0 {
-  width: 0;
-}
-.h-0 {
-  height: 0;
-}
-@for $i from 1 through 80 {
-  $s: $i * 2;
-  .w-#{$s}px {
-    width: #{$s}px;
-  }
-  .h-#{$s}px {
-    height: #{$s}px;
-  }
-  .w-#{$s}rpx {
-    width: #{$s}rpx;
-  }
-  .h-#{$s}rpx {
-    height: #{$s}rpx;
-  }
-}