hy-app 0.1.1

package/libs/css/iconfont.css

@@ -0,0 +1,379 @@
+@font-face {
+  font-family: "iconfont"; /* Project id 4305932 */
+  src: url('iconfont.woff2?t=1742867873549') format('woff2'),
+       url('iconfont.woff?t=1742867873549') format('woff'),
+       url('iconfont.ttf?t=1742867873549') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.hy-icon-close-circle-fill:before {
+  content: "\e6f2";
+}
+
+.hy-icon-help-fill:before {
+  content: "\e6fa";
+}
+
+.hy-icon-message:before {
+  content: "\e70c";
+}
+
+.hy-icon-message-fill:before {
+  content: "\e70d";
+}
+
+.hy-icon-notice-fill:before {
+  content: "\e71b";
+}
+
+.hy-icon-send:before {
+  content: "\e726";
+}
+
+.hy-icon-share-fill:before {
+  content: "\e729";
+}
+
+.hy-icon-share:before {
+  content: "\e72a";
+}
+
+.hy-icon-success-fill:before {
+  content: "\e72d";
+}
+
+.hy-icon-systemprompt_fill:before {
+  content: "\e72f";
+}
+
+.hy-icon-delete:before {
+  content: "\e738";
+}
+
+.hy-icon-delete-fill:before {
+  content: "\e739";
+}
+
+.hy-icon-warning_fill:before {
+  content: "\e73d";
+}
+
+.hy-icon-search:before {
+  content: "\e741";
+}
+
+.hy-icon-loading:before {
+  content: "\e64a";
+}
+
+.hy-icon-order:before {
+  content: "\e737";
+}
+
+.hy-icon-copy:before {
+  content: "\e656";
+}
+
+.hy-icon-collect-fill:before {
+  content: "\e631";
+}
+
+.hy-icon-collect:before {
+  content: "\e632";
+}
+
+.hy-icon-calendar:before {
+  content: "\e645";
+}
+
+.hy-icon-eye:before {
+  content: "\e666";
+}
+
+.hy-icon-download:before {
+  content: "\e667";
+}
+
+.hy-icon-arrow-double-left:before {
+  content: "\e665";
+}
+
+.hy-icon-arrow-double-right:before {
+  content: "\e668";
+}
+
+.hy-icon-camera:before {
+  content: "\e669";
+}
+
+.hy-icon-attachment:before {
+  content: "\e66a";
+}
+
+.hy-icon-comment:before {
+  content: "\e66b";
+}
+
+.hy-icon-customer-service:before {
+  content: "\e66c";
+}
+
+.hy-icon-ellipsis:before {
+  content: "\e66e";
+}
+
+.hy-icon-export:before {
+  content: "\e66f";
+}
+
+.hy-icon-link:before {
+  content: "\e676";
+}
+
+.hy-icon-layers:before {
+  content: "\e675";
+}
+
+.hy-icon-print:before {
+  content: "\e67a";
+}
+
+.hy-icon-navigation:before {
+  content: "\e67b";
+}
+
+.hy-icon-pdf:before {
+  content: "\e67c";
+}
+
+.hy-icon-picture:before {
+  content: "\e67e";
+}
+
+.hy-icon-save:before {
+  content: "\e67f";
+}
+
+.hy-icon-scan:before {
+  content: "\e680";
+}
+
+.hy-icon-security:before {
+  content: "\e681";
+}
+
+.hy-icon-success:before {
+  content: "\e682";
+}
+
+.hy-icon-smile:before {
+  content: "\e683";
+}
+
+.hy-icon-switch:before {
+  content: "\e684";
+}
+
+.hy-icon-upload:before {
+  content: "\e685";
+}
+
+.hy-icon-warning:before {
+  content: "\e687";
+}
+
+.hy-icon-arrow-up-fill:before {
+  content: "\e688";
+}
+
+.hy-icon-arrow-down-fill:before {
+  content: "\e689";
+}
+
+.hy-icon-arrow-left-fill:before {
+  content: "\e68a";
+}
+
+.hy-icon-arrow-right-fill:before {
+  content: "\e68b";
+}
+
+.hy-icon-smile-fill:before {
+  content: "\e68c";
+}
+
+.hy-icon-cry-fill:before {
+  content: "\e68d";
+}
+
+.hy-icon-minus:before {
+  content: "\e686";
+}
+
+.hy-icon-check-mask:before {
+  content: "\e602";
+}
+
+.hy-icon-close:before {
+  content: "\e611";
+}
+
+.hy-icon-lock:before {
+  content: "\e8b2";
+}
+
+.hy-icon-home-fill:before {
+  content: "\e8c6";
+}
+
+.hy-icon-mine:before {
+  content: "\e60b";
+}
+
+.hy-icon-class-fill:before {
+  content: "\e600";
+}
+
+.hy-icon-setting:before {
+  content: "\e601";
+}
+
+.hy-icon-mine-fill:before {
+  content: "\e608";
+}
+
+.hy-icon-shopping-cart-fill:before {
+  content: "\e73c";
+}
+
+.hy-icon-home:before {
+  content: "\e751";
+}
+
+.hy-icon-shopping-cart-add:before {
+  content: "\e640";
+}
+
+.hy-icon-map:before {
+  content: "\e64e";
+}
+
+.hy-icon-class:before {
+  content: "\e638";
+}
+
+.hy-icon-right:before {
+  content: "\e620";
+}
+
+.hy-icon-close-circle:before {
+  content: "\e621";
+}
+
+.hy-icon-help:before {
+  content: "\e622";
+}
+
+.hy-icon-screen:before {
+  content: "\e623";
+}
+
+.hy-icon-remind:before {
+  content: "\e625";
+}
+
+.hy-icon-plus:before {
+  content: "\e626";
+}
+
+.hy-icon-arrow-rightward:before {
+  content: "\e628";
+}
+
+.hy-icon-arrow-leftward:before {
+  content: "\e629";
+}
+
+.hy-icon-notice:before {
+  content: "\e62a";
+}
+
+.hy-icon-menu:before {
+  content: "\e62e";
+}
+
+.hy-icon-list-dot:before {
+  content: "\e62f";
+}
+
+.hy-icon-network:before {
+  content: "\e630";
+}
+
+.hy-icon-time:before {
+  content: "\e639";
+}
+
+.hy-icon-history:before {
+  content: "\e63b";
+}
+
+.hy-icon-up:before {
+  content: "\e63c";
+}
+
+.hy-icon-down:before {
+  content: "\e63d";
+}
+
+.hy-icon-left:before {
+  content: "\e63e";
+}
+
+.hy-icon-tag:before {
+  content: "\e63f";
+}
+
+.hy-icon-task:before {
+  content: "\e641";
+}
+
+.hy-icon-refresh:before {
+  content: "\e642";
+}
+
+.hy-icon-shopping-cart:before {
+  content: "\e899";
+}
+
+.hy-icon-shopping-bag:before {
+  content: "\e65a";
+}
+
+.hy-icon-map-fill:before {
+  content: "\e65e";
+}
+
+.hy-icon-lock-open-fill:before {
+  content: "\e63a";
+}
+
+.hy-icon-lock-fill:before {
+  content: "\e643";
+}
+
+.hy-icon-shop:before {
+  content: "\e644";
+}
+
+.hy-icon-edit:before {
+  content: "\e8ac";
+}
+

package/libs/css/mixin.scss

@@ -0,0 +1,15 @@
+@mixin flex($direction: row) {
+  /* #ifndef APP-NVUE */
+  display: flex;
+  /* #endif */
+  flex-direction: $direction;
+}
+
+/* 几行出现省略号 */
+@mixin line-feed($line: 1) {
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: $line;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

package/package.json

@@ -0,0 +1,42 @@
+{
+  "name": "hy-app",
+  "version": "0.1.1",
+  "description": "华玥组件库",
+  "main": "./index.ts",
+  "private": false,
+  "scripts": {},
+  "files": [
+    "common/",
+    "components/",
+    "global/",
+    "public/",
+    "store/",
+    "typing/",
+    "utils/",
+    "api/",
+    "config/",
+    "libs/",
+    "index.ts",
+    "theme.scss",
+    "README.md"
+  ],
+  "dependencies": {
+    "@dcloudio/uni-app": "3.0.0-alpha-3081220230802001",
+    "pinia": "^2.3.1",
+    "pinia-plugin-unistorage": "^0.0.8",
+    "vue": "^3.5.13",
+    "vue-i18n": "^9.14.3"
+  },
+  "devDependencies": {
+    "@dcloudio/types": "^3.4.14",
+    "@vue/tsconfig": "^0.1.3",
+    "uni-app-types": "^0.1.7"
+  },
+  "keywords": [
+    "华玥组件库",
+    "gxh",
+    "yk"
+  ],
+  "author": "gaoxianhua",
+  "license": "ISC"
+}

package/store/index.ts

@@ -0,0 +1 @@
+export * from "./userInfo";

package/store/userInfo.ts

@@ -0,0 +1,25 @@
+import { defineStore } from "pinia";
+
+export const useUserInfo = defineStore("gxh_userInfo", {
+    state:() => ({
+        userForm: {
+            name: '',
+            pwd: ''
+        },
+        phoneForm: {
+            phone: '',
+            code: ''
+        },
+        rememberPsw: 0,
+        // 历史账户列表
+        choiceList:[],
+        // 选中账户信息
+        choiceIndex: 0,
+        secretKey: "hfyk"
+    }),
+    actions: {
+        saveHistoriesList() {
+            this.choiceList
+        }
+    }
+})

package/theme.scss

@@ -0,0 +1,94 @@
+/* 主题是相关颜色 */
+$hy-primary: #2979ff;
+$hy-primary-dark: #2b85e4;
+$hy-primary-disabled: #a0cfff;
+$hy-primary-light: #ecf5ff;
+
+$hy-warning: #ff9900;
+$hy-warning-dark: #f29100;
+$hy-warning-disabled: #fcbd71;
+$hy-warning-light: #fdf6ec;
+
+$hy-success: #19be6b;
+$hy-success-dark: #18b566;
+$hy-success-disabled: #71d5a1;
+$hy-success-light: #dbf1e1;
+
+$hy-error: #fa3534;
+$hy-error-dark: #dd6161;
+$hy-error-disabled: #fab6b6;
+$hy-error-light: #fef0f0;
+
+$hy-info: #909399;
+$hy-info-dark: #82848a;
+$hy-info-disabled: #c8c9cc;
+$hy-info-light: #f4f4f5;
+
+/* 文字基本颜色 */
+$hy-text-color: #333; //基本色
+$hy-text-color-inverse: #fff; //反色
+$hy-text-color-grey: #999; //辅助灰色，如加载更多的提示信息
+$hy-text-color-placeholder: #808080;
+$hy-text-color-disable: #c0c0c0;
+$hy-text-color-light: rgba(192, 192, 192, 0.38);
+
+$hy-tips-color: #909193FF;
+$hy-color-disable-bg: #F5F5F5;
+$hy-color-disable-icon:  #c8c9cc;
+
+/* 文字尺寸 */
+$hy-font-size-sm: 24rpx;
+$hy-font-size-base: 28rpx;
+$hy-font-size-lg: 32rpx;
+
+/* 背景颜色 */
+$hy-bg-color: #F8F8F8;
+$hy-bg-color-disabled: #87BAF3;
+$hy-bg-color-light: #a7cff9a5;
+$hy-bg-color-grey: #f8f8f8;
+$hy-bg-color-hover: #f1f1f1; //点击状态颜色
+$hy-bg-color-mask: rgba(0, 0, 0, 0.5); //遮罩颜色
+$hy-image-bg-color: #F3F3F3;
+
+/* 文章场景相关 */
+$hy-color-title: #2c405a; // 文章标题颜色
+$hy-weight-title: 700;
+$hy-font-size-title: 44rpx;
+$hy-color-subtitle: #555555; // 二级标题颜色
+$hy-font-size-subtitle: 38rpx;
+$hy-color-paragraph: #3f536e; // 文章段落颜色
+$hy-font-size-paragraph: 32rpx;
+$hy-color-hint: #999; // 提示文字
+$hy-font-size-hint: 26rpx;
+
+
+/* 边框颜色 */
+$k-border-color-light: #c8c7cc;
+$hy-border-color: #c8c7cc66;
+
+/* 图片尺寸 */
+$hy-img-size-sm: 45rpx;
+$hy-img-size-base: 80rpx;
+$hy-img-size-lg: 120rpx;
+
+/* 头像大小 */
+$hy-avatar-size-sm: 80rpx;
+$hy-avatar-size-base: 100rpx;
+$hy-avatar-size-lg: 120rpx;
+
+/* 透明度 */
+$hy-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+/* 盒子的圆角 */
+$hy-border-radius-sm: 6rpx;
+$hy-border-radius-base: 12rpx;
+$hy-border-radius-lg: 20rpx;
+$hy-border-radius-circle: 50%;
+/* 盒子阴影 */
+$hy-box-shadow: 0 0 10rpx 4rpx rgba(0, 0, 0, 0.16);
+/* 盒内盒外间距 */
+$hy-border-margin-padding-sm: 10rpx;
+$hy-border-margin-padding-base: 20rpx;
+$hy-border-margin-padding-lg: 25rpx;
+/* 底部线条 */
+$hy-border-line: 1px solid #dadbde;

package/typing/index.ts

@@ -0,0 +1,7 @@
+export * from "./modules/form";
+export * from "./modules/dialog";
+export * from "./modules/http";
+export * from "./modules/img";
+export * from "./modules/enum";
+export * from "./modules/rect";
+// export * from "./modules/icon";

package/typing/modules/common.d.ts

@@ -0,0 +1,50 @@
+declare namespace HyApp {
+  /**
+   * @description 主题类型 primary-默认，success-错误，warning-警告，error-错误，info-信息
+   * */
+  type ThemeType = "primary" | "success" | "warning" | "error" | "info";
+  /**
+   * @description 大小
+   * */
+  type SizeType = "small" | "medium" | "large";
+  /**
+   * @description 形状：circle-圆形，square-方块
+   * */
+  type ShapeType = "circle" | "square";
+
+  /**
+   * @description 形状：flex-start-开头排序，flex-start-结尾排序，space-between-两边靠边，space-around-两边留一半空隙，space-evenly-两边留一个空隙，center-居中
+   * */
+  type JustifyContentType =
+    | "flex-start"
+    | "flex-end"
+    | "space-between"
+    | "space-around"
+    | "space-evenly"
+    | "center";
+  /**
+   * @description 排列方式，row-横向，column-纵向
+   * */
+  type PermutationType = "row" | "column";
+  /**
+   * @description 布局方式；left-左，right-右，top-上，bottom-下，center-中
+   * */
+  type LayoutType = LeftRightType | TopBottomType | "center";
+  /**
+   * @description 布局方式：left-左，right-右
+   * */
+  type LeftRightType = "left" | "right";
+  /**
+   * @description 布局方式：top-上，bottom-下
+   * */
+  type TopBottomType = "top" | "bottom";
+  /**
+   * @description 边框：surround-四周有边框，bottom-底部有边框，none-无边框
+   * */
+  type BorderType = "surround" | "bottom" | "none";
+  /**
+   * @description 导航类型：
+   * */
+  type NavigationType = "navigateTo" | "redirectTo" | "switchTab" | "reLaunch";
+  type FileType = "video" | "media" | "all" | "file" | "image";
+}

package/typing/modules/dialog.ts

@@ -0,0 +1,17 @@
+export interface ResultParam {
+  confirm: boolean; // 为 true 时，表示用户点击了确定按钮
+  cancel: boolean; // 为 true 时，表示用户点击了取消
+}
+
+export interface DialogParam {
+  icon?: string;
+  title?: string;
+  content?: string;
+  confirmText?: string;
+  cancelText?: string;
+  shape?: "circle" | "square";
+  confirmColor?: string;
+  cancelColor?: string;
+  showCancel?: boolean;
+  result?: Function; // 回调用户操作结果
+}

package/typing/modules/enum.ts

@@ -0,0 +1,67 @@
+/**
+ * @deprecated 改成DateModeEnum，请尽快改
+ * */
+export enum ModeEnum {
+  /**
+   * 年月日时分秒格式：2024-10-10 10:10:11
+   * */
+  DATETIME = "datetime",
+  /**
+   * 日期选择器：2024-10-10
+   * */
+  DATE = "date",
+  /**
+   * 时间选择器：10:10:11
+   * */
+  TIME = "time",
+  /**
+   * 年月选择器：2024-10
+   * */
+  YEAR_MONTH = "year-month",
+  /**
+   * 月日选择器：08-10
+   * */
+  MONTH_DAY = "month-day",
+  /**
+   * 时分选择器：10:59
+   * */
+  HOUR_MINUTE = "hour-minute",
+  /**
+   * 分秒选择器：02:10
+   * */
+  MINUTE_SECOND = "minute-second"
+}
+
+/**
+ * @description 日期展示的格式
+ * */
+export enum DateModeEnum {
+  /**
+   * 年月日时分秒格式：2024-10-10 10:10:11
+   * */
+  DATETIME = "datetime",
+  /**
+   * 日期选择器：2024-10-10
+   * */
+  DATE = "date",
+  /**
+   * 时间选择器：10:10
+   * */
+  TIME = "time",
+  /**
+   * 年月选择器：2024-10
+   * */
+  YEAR_MONTH = "year-month",
+  /**
+   * 月日选择器：08-10
+   * */
+  MONTH_DAY = "month-day",
+  /**
+   * 时分选择器：10:59
+   * */
+  HOUR_MINUTE = "hour-minute",
+  /**
+   * 分秒选择器：02:10
+   * */
+  MINUTE_SECOND = "minute-second"
+}