hy-app 0.6.2 → 0.6.4

package/components/hy-watermark/index.scss

@@ -2,15 +2,6 @@
 @use "../../libs/css/mixin" as *;
 
 @include b(watermark) {
-  position: absolute;
-  z-index: 1100;
-  opacity: 0.5;
-  left: 0;
-  right: 0;
-  top: 0;
-  bottom: 0;
-  pointer-events: none;
-  background-repeat: repeat;
   @include is(fullscreen) {
     position: fixed;
   }

package/components/hy-watermark/props.ts

@@ -1,104 +1,109 @@
-const watermarkProps = {
-    /** 显示主标题 */
-    title: {
-        type: String,
-        default: ''
-    },
-    /** 主标题颜色 */
-    titleColor: {
-        type: String,
-        default: ''
-    },
-    /** 主标题字体大小，单位px */
-    titleSize: {
-        type: Number,
-        default: 0
-    },
-    /** 显示副标题内容 */
-    content: {
-        type: String,
-        default: ''
-    },
-    /** 显示图片的地址，支持网络图片和base64（钉钉小程序仅支持网络图片） */
-    image: {
-        type: String,
-        default: ''
-    },
-    /** 图片高度 */
-    imageHeight: {
-        type: Number,
-        default: 50
-    },
-    /** 图片宽度 */
-    imageWidth: {
-        type: Number,
-        default: 70
-    },
-    /** X轴间距，单位px */
-    gutterX: {
-        type: Number,
-        default: 0
-    },
-    /** Y轴间距，单位px */
-    gutterY: {
-        type: Number,
-        default: 0
-    },
-    /** canvas画布宽度，单位px */
-    width: {
-        type: Number,
-        default: 100
-    },
-    /** canvas画布高度，单位px */
-    height: {
-        type: Number,
-        default: 100
-    },
-    /** 是否为全屏水印 */
-    fullScreen: {
-        type: Boolean,
-        default: true
-    },
-    /** 水印字体颜色 */
-    color: {
-        type: String,
-        default: '#8c8c8c'
-    },
-    /** 水印字体大小，单位px */
-    size: {
-        type: Number,
-        default: 14
-    },
-    /** 水印字体样式（仅微信和h5支持） */
-    fontStyle: {
-        type: String,
-        default: ''
-    },
-    /** 水印字体的粗细 */
-    fontWeight: {
-        type: String,
-        default: ''
-    },
-    /** 水印字体系列（仅微信和h5支持） */
-    fontFamily: {
-        type: String,
-        default: 'PingFang SC'
-    },
-    /** 水印旋转角度 */
-    rotate: {
-        type: Number,
-        default: -25
-    },
-    /** 自定义层级 */
-    zIndex: {
-        type: Number,
-        default: 10086
-    },
-    /** 自定义透明度，取值 0~1 */
-    opacity: {
-        type: Number,
-        default: 0.5
-    }
-}
-
-export default watermarkProps
+const watermarkProps = {
+    /** 显示主标题 */
+    title: {
+        type: String,
+        default: ''
+    },
+    /** 主标题颜色 */
+    titleColor: {
+        type: String,
+        default: ''
+    },
+    /** 主标题字体大小，单位px */
+    titleSize: {
+        type: Number,
+        default: 0
+    },
+    /** 显示副标题内容 */
+    content: {
+        type: String,
+        default: ''
+    },
+    /** 显示图片的地址，支持网络图片和base64（钉钉小程序仅支持网络图片） */
+    image: {
+        type: String,
+        default: ''
+    },
+    /** 图片高度 */
+    imageHeight: {
+        type: Number,
+        default: 50
+    },
+    /** 图片宽度 */
+    imageWidth: {
+        type: Number,
+        default: 70
+    },
+    /** X轴间距，单位px */
+    gutterX: {
+        type: Number,
+        default: 0
+    },
+    /** Y轴间距，单位px */
+    gutterY: {
+        type: Number,
+        default: 0
+    },
+    /** canvas画布宽度，单位px */
+    width: {
+        type: Number,
+        default: 100
+    },
+    /** canvas画布高度，单位px */
+    height: {
+        type: Number,
+        default: 100
+    },
+    /** 是否为全屏水印 */
+    fullScreen: {
+        type: Boolean,
+        default: true
+    },
+    /** 水印字体颜色 */
+    color: {
+        type: String,
+        default: '#8c8c8c'
+    },
+    /** 水印字体大小，单位px */
+    size: {
+        type: Number,
+        default: 24
+    },
+    /** 水印字体样式（仅微信和h5支持） */
+    fontStyle: {
+        type: String,
+        default: ''
+    },
+    /** 水印字体的粗细 */
+    fontWeight: {
+        type: String,
+        default: ''
+    },
+    /** 水印字体系列（仅微信和h5支持） */
+    fontFamily: {
+        type: String,
+        default: 'PingFang SC'
+    },
+    /** 水印旋转角度 */
+    rotate: {
+        type: Number,
+        default: -25
+    },
+    /** 自定义层级 */
+    zIndex: {
+        type: Number,
+        default: 10086
+    },
+    /** 自定义透明度，取值 0~1 */
+    opacity: {
+        type: Number,
+        default: 0.5
+    },
+    /** 是否防盗 */
+    isAntiTheft: {
+        type: Boolean,
+        default: false
+    }
+}
+
+export default watermarkProps

package/global.d.ts

@@ -30,7 +30,7 @@ declare module 'vue' {
         HyFloatButton: (typeof import('./components/hy-float-button/hy-float-button.vue'))['default']
         HyFloatingPanel: (typeof import('./components/hy-floating-panel/hy-floating-panel.vue'))['default']
         HyFloatingPanelItem: (typeof import('./components/hy-floating-panel-item/hy-floating-panel-item.vue'))['default']
-        HyForm: (typeof import('@/package/components/hy-form-group/hy-form.vue'))['default']
+        HyForm: (typeof import('@/package/components/hy-form/hy-form.vue'))['default']
         HyFormItem: (typeof import('./components/hy-form-item/hy-form-item.vue'))['default']
         HyFormGroup: (typeof import('./components/hy-form-group/hy-form-group.vue'))['default']
         HyGrid: (typeof import('./components/hy-grid/hy-grid.vue'))['default']

package/libs/composables/useToast.ts

@@ -1,45 +1,45 @@
-/**
- * 消息提示hooks
- * */
-
-import type ToastOptions from "../../components/hy-toast/typing";
-import { error } from "../../libs";
-
-// 用于缓存全局唯一实例
-let toastInstance: any = null;
-
-/**
- * useToast 适用于任意页面直接调用 toast
- * 兼容 H5 + 微信小程序 + App
- */
-export const useToast = () => {
-  const show = (msg: string, opt?: ToastOptions) =>
-    openToast({ message: msg, icon: false, type: "", ...opt });
-  const info = (msg: string, opt?: ToastOptions) =>
-    openToast({ message: msg, type: "info", icon: true, ...opt });
-  const success = (msg: string, opt?: ToastOptions) =>
-    openToast({ message: msg, type: "success", icon: true, ...opt });
-  const error = (msg: string, opt?: ToastOptions) =>
-    openToast({ message: msg, type: "error", icon: true, ...opt });
-  const warning = (msg: string, opt?: ToastOptions) =>
-    openToast({ message: msg, type: "warning", icon: true, ...opt });
-  const primary = (msg: string, opt?: ToastOptions) =>
-    openToast({ message: msg, type: "primary", icon: true, ...opt });
-  const loading = (msg: string = "加载中...", opt?: ToastOptions) =>
-    openToast({ message: msg, loading: true, ...opt });
-  const close = (all?: boolean) => closeToast();
-
-  return { show, info, success, error, warning, primary, loading, close };
-};
-
-/**
- * ✅ 实现
- * 页面创建总事件，调用方法实现
- */
-const openToast = (opt: ToastOptions) => {
-  uni.$emit("__hy_toast_open__", opt);
-};
-
-const closeToast = () => {
-  uni.$emit("__hy_toast_close__");
-};
+/**
+ * 消息提示hooks
+ * */
+
+import type ToastOptions from '../../components/hy-toast/typing'
+import { error } from '../../libs'
+
+// 用于缓存全局唯一实例
+let toastInstance: any = null
+
+/**
+ * useToast 适用于任意页面直接调用 toast
+ * 兼容 H5 + 微信小程序 + App
+ */
+export const useToast = () => {
+    const show = (msg: string, opt?: ToastOptions) =>
+        openToast({ message: msg, icon: false, type: '', ...opt })
+    const info = (msg: string, opt?: ToastOptions) =>
+        openToast({ message: msg, type: 'info', icon: true, ...opt })
+    const success = (msg: string, opt?: ToastOptions) =>
+        openToast({ message: msg, type: 'success', icon: true, ...opt })
+    const error = (msg: string, opt?: ToastOptions) =>
+        openToast({ message: msg, type: 'error', icon: true, ...opt })
+    const warning = (msg: string, opt?: ToastOptions) =>
+        openToast({ message: msg, type: 'warning', icon: true, ...opt })
+    const primary = (msg: string, opt?: ToastOptions) =>
+        openToast({ message: msg, type: 'primary', icon: true, ...opt })
+    const loading = (msg: string = '加载中...', opt?: ToastOptions) =>
+        openToast({ message: msg, type: 'primary', loading: true, ...opt })
+    const close = (all?: boolean) => closeToast()
+
+    return { show, info, success, error, warning, primary, loading, close }
+}
+
+/**
+ * ✅ 实现
+ * 页面创建总事件，调用方法实现
+ */
+const openToast = (opt: ToastOptions) => {
+    uni.$emit('__hy_toast_open__', opt)
+}
+
+const closeToast = () => {
+    uni.$emit('__hy_toast_close__')
+}

package/libs/css/iconfont.css

@@ -7,8 +7,8 @@
     font-style: normal;
 }
 
-.iconfont {
-  font-family: "hy-icon" !important;
+.hy-icon {
+  font-family: "hy-icon";
   font-size: 16px;
   font-style: normal;
   -webkit-font-smoothing: antialiased;

package/libs/typing/modules/form.ts

@@ -87,90 +87,90 @@ export interface FormColumnsType {
      * */
     right?: boolean
     /**
-     * @description 表单类型
+     * 表单类型
      * */
     type: FormTypeEnum
     /**
-     * @description 文件最大上传数据
+     * 文件最大上传数据
      * */
     maxCount?: number
     /**
-     * @description 是否禁用
+     * 是否禁用
      * */
     disabled?: boolean
 
     /**
-     * @description type = select时候必填
+     * type = select时候必填
      * */
     select?: string[][] | { text: string; id: string }[][]
     /**
-     * @description type = radio时候必填
+     * type = radio时候必填
      * */
     actions?: CheckboxColumnsVo[]
     /**
-     * @description 输入框属性api集合
+     * 输入框属性api集合
      * */
     input?: Partial<HyInputProps>
     /**
-     * @description 文本域属性api集合
+     * 文本域属性api集合
      * */
     textarea?: Partial<HyTextareaProps>
     /**
-     * @description 开关属性api集合
+     * 开关属性api集合
      * */
     switchItem?: Partial<HySwitchProps>
     /**
-     * @description 选择器属性api集合
+     * 选择器属性api集合
      * */
     picker?: Partial<HyPickerProps>
     /**
-     * @description 单选属性api集合
+     * 单选属性api集合
      * */
     radio?: Partial<HyRadioProps>
     /**
-     * @description 选择按钮属性api集合
+     * 选择按钮属性api集合
      * */
     checkButton?: Partial<HyCheckButtonProps>
     /**
-     * @description 日期展示的格式
+     * 日期展示的格式
      * */
     mode?: DateModeEnum
     /**
-     * @description 规则校验
+     * 规则校验
      * */
     rules?: RulesVo | RulesVo[]
 }
 
 export interface RulesVo {
     /**
-     * @description 是否必填
+     * 是否必填
      * */
     required?: boolean
     /**
-     * @description 校验不通过时的提示信息
+     * 校验不通过时的提示信息
      * */
     message?: string
     /**
-     * @description 表单事件校验
+     * 表单事件校验
      * */
     trigger?: ('blur' | 'change')[]
     /**
-     * @description 最小值
+     * 最小值
      * */
     min?: number
     /**
-     * @description 最大值
+     * 最大值
      * */
     max?: number
     /**
-     * @description 基础正则校验
+     * 基础正则校验
      * phone - 手机号校验
      * email - 邮箱校验
      * password - 复杂密码校验
      * */
     type?: 'phone' | 'email' | 'password'
     /**
-     * @description 自定义校验规则
+     * 自定义校验规则
      * */
     validator?: (rule: any, value: string, callback?: Function) => boolean
 }

package/package.json

@@ -1,81 +1,81 @@
-{
-    "name": "hy-app",
-    "version": "0.6.2",
-    "description": "📱一个基于vue3+ts构建的uni-app组件库,拥有八十多个精美组件，适配多端，支持自定义主题",
-    "main": "./index.ts",
-    "private": false,
-    "scripts": {},
-    "keywords": [
-        "华玥组件库",
-        "精美ui库",
-        "移动端组件库",
-        "适配多端小程序",
-        "暗黑模式"
-    ],
-    "vetur":{
-        "tags":"./tags.json",
-        "attributes":"./attributes.json"
-    },
-    "web-types": "./web-types.json",
-    "author": "华玥作者",
-    "license": "MIT",
-    "uni_modules": {
-        "dependencies": [],
-        "encrypt": [],
-        "platforms": {
-            "cloud": {
-                "tcb": "√",
-                "aliyun": "√",
-                "alipay": "√"
-            },
-            "client": {
-                "uni-app": {
-                    "vue": {
-                        "vue2": "x",
-                        "vue3": "√"
-                    },
-                    "web": {
-                        "safari": "√",
-                        "chrome": "√"
-                    },
-                    "app": {
-                        "vue": "√",
-                        "nvue": "-",
-                        "android": "√",
-                        "ios": "√",
-                        "harmony": "√"
-                    },
-                    "mp": {
-                        "weixin": "√",
-                        "alipay": "√",
-                        "toutiao": "√",
-                        "baidu": "-",
-                        "kuaishou": "-",
-                        "jd": "-",
-                        "harmony": "√",
-                        "qq": "√",
-                        "lark": "-"
-                    },
-                    "quickapp": {
-                        "huawei": "-",
-                        "union": "-"
-                    }
-                },
-                "uni-app-x": {
-                    "web": {
-                        "safari": "-",
-                        "chrome": "-"
-                    },
-                    "app": {
-                        "android": "-",
-                        "ios": "-",
-                        "harmony": "-"
-                    },
-                    "mp": {
-                        "weixin": "-"
-                    }
-                }
-            }
-        }
-    }
-}
+{
+    "name": "hy-app",
+    "version": "0.6.4",
+    "description": "📱一个基于vue3+ts构建的uni-app组件库,拥有八十多个精美组件，适配多端，支持自定义主题",
+    "main": "./index.ts",
+    "private": false,
+    "scripts": {},
+    "keywords": [
+        "华玥组件库",
+        "精美ui库",
+        "移动端组件库",
+        "适配多端小程序",
+        "暗黑模式"
+    ],
+    "vetur": {
+        "tags": "./tags.json",
+        "attributes": "./attributes.json"
+    },
+    "web-types": "./web-types.json",
+    "author": "华玥作者",
+    "license": "MIT",
+    "uni_modules": {
+        "dependencies": [],
+        "encrypt": [],
+        "platforms": {
+            "cloud": {
+                "tcb": "√",
+                "aliyun": "√",
+                "alipay": "√"
+            },
+            "client": {
+                "uni-app": {
+                    "vue": {
+                        "vue2": "x",
+                        "vue3": "√"
+                    },
+                    "web": {
+                        "safari": "√",
+                        "chrome": "√"
+                    },
+                    "app": {
+                        "vue": "√",
+                        "nvue": "-",
+                        "android": "√",
+                        "ios": "√",
+                        "harmony": "√"
+                    },
+                    "mp": {
+                        "weixin": "√",
+                        "alipay": "√",
+                        "toutiao": "√",
+                        "baidu": "-",
+                        "kuaishou": "-",
+                        "jd": "-",
+                        "harmony": "√",
+                        "qq": "√",
+                        "lark": "-"
+                    },
+                    "quickapp": {
+                        "huawei": "-",
+                        "union": "-"
+                    }
+                },
+                "uni-app-x": {
+                    "web": {
+                        "safari": "-",
+                        "chrome": "-"
+                    },
+                    "app": {
+                        "android": "-",
+                        "ios": "-",
+                        "harmony": "-"
+                    },
+                    "mp": {
+                        "weixin": "-"
+                    }
+                }
+            }
+        }
+    }
+}