hy-app 0.1.2 → 0.1.4

package/components/index.ts

@@ -14,17 +14,24 @@ import HyCard from "./hy-card/hy-card.vue";
 import HyCell from "./hy-cell/hy-cell.vue";
 import HyCheckButton from "./hy-check-button/hy-check-button.vue";
 import HyCheckbox from "./hy-checkbox/hy-checkbox.vue";
+import HyCountDown from "./hy-count-down/hy-count-down.vue";
+import HyCountTo from "./hy-count-to/hy-count-to.vue";
 import HyDatetimePicker from "./hy-datetime-picker/hy-datetime-picker.vue";
 import HyDivider from "./hy-divider/hy-divider.vue";
+import HyDropdown from "./hy-dropdown/hy-dropdown.vue";
+import HyDropdownItem from "./hy-dropdown-item/hy-dropdown-item.vue";
 import YkEmpty from "./hy-empty/hy-empty.vue";
+import YkFloatButton from "./hy-float-button/hy-float-button.vue";
 import HyFoldingPanel from "./hy-folding-panel/hy-folding-panel.vue";
 import HyForm from "./hy-form/hy-form.vue";
 import HyGrid from "./hy-grid/hy-grid.vue";
 import HyIcon from "./hy-icon/hy-icon.vue";
+import HyImage from "./hy-image/hy-image.vue";
 import HyInput from "./hy-input/hy-input.vue";
 import HyLine from "./hy-line/hy-line.vue";
 import HyLineProgress from "./hy-line-progress/hy-line-progress.vue";
 import HyList from "./hy-list/hy-list.vue";
+import HyLoading from "./hy-loading/hy-loading.vue";
 import YkLogin from "./hy-login/hy-login.vue";
 import HyModal from "./hy-modal/hy-modal.vue";
 import HyNavbar from "./hy-navbar/hy-navbar.vue";
@@ -42,6 +49,7 @@ import HyReadMore from "./hy-read-more/hy-read-more.vue";
 import HyScrollList from "./hy-scroll-list/hy-scroll-list.vue";
 import HySearch from "./hy-search/hy-search.vue";
 import HySlider from "./hy-slider/hy-slider.vue";
+import HyStatusBar from "./hy-status-bar/hy-status-bar.vue";
 import HySteps from "./hy-steps/hy-steps.vue";
 import HySubsection from "./hy-subsection/hy-subsection.vue";
 import HySwiper from "./hy-swiper/hy-swiper.vue";
@@ -66,17 +74,24 @@ const install = (Vue: any) => {
   Vue.component("HyCell", HyCell);
   Vue.component("HyCheckButton", HyCheckButton);
   Vue.component("HyCheckbox", HyCheckbox);
+  Vue.component("HyCountDown", HyCountDown);
+  Vue.component("HyCountTo", HyCountTo);
   Vue.component("HyDatetimePicker", HyDatetimePicker);
   Vue.component("HyDivider", HyDivider);
+  Vue.component("HyDropdown", HyDropdown);
+  Vue.component("HyDropdownItem", HyDropdownItem);
   Vue.component("YkEmpty", YkEmpty);
+  Vue.component("YkFloatButton", YkFloatButton);
   Vue.component("HyFoldingPanel", HyFoldingPanel);
   Vue.component("HyForm", HyForm);
   Vue.component("HyGrid", HyGrid);
   Vue.component("HyIcon", HyIcon);
+  Vue.component("HyImage", HyImage);
   Vue.component("HyInput", HyInput);
   Vue.component("HyLine", HyLine);
   Vue.component("HyLineProgress", HyLineProgress);
   Vue.component("HyList", HyList);
+  Vue.component("HyLoading", HyLoading);
   Vue.component("YkLogin", YkLogin);
   Vue.component("HyModal", HyModal);
   Vue.component("HyNavbar", HyNavbar);
@@ -93,6 +108,7 @@ const install = (Vue: any) => {
   Vue.component("HyScrollList", HyScrollList);
   Vue.component("HySearch", HySearch);
   Vue.component("HySlider", HySlider);
+  Vue.component("HyStatusBar", HyStatusBar);
   Vue.component("HySteps", HySteps);
   Vue.component("HySubsection", HySubsection);
   Vue.component("HySwiper", HySwiper);
@@ -121,17 +137,24 @@ export {
   HyCell,
   HyCheckButton,
   HyCheckbox,
+  HyCountDown,
+  HyCountTo,
   HyDatetimePicker,
   HyDivider,
+  HyDropdown,
+  HyDropdownItem,
   YkEmpty,
+  YkFloatButton,
   HyFoldingPanel,
   HyForm,
   HyGrid,
   HyIcon,
+  HyImage,
   HyInput,
   HyLine,
   HyLineProgress,
   HyList,
+  HyLoading,
   YkLogin,
   HyModal,
   HyNavbar,
@@ -148,6 +171,7 @@ export {
   HyScrollList,
   HySearch,
   HySlider,
+  HyStatusBar,
   HySteps,
   HySubsection,
   HySwiper,
@@ -158,5 +182,5 @@ export {
   HyTooltip,
   HyTransition,
   HyUpload,
-  HyWarn
+  HyWarn,
 };

package/components/message/index.ts

@@ -1,54 +1,54 @@
-import { createVNode, render } from "vue";
-import Dialog, { DialogParam } from "./TheMessage.vue";
-
-let instance: any = null;
-
-const successIcon = "https://pic1.imgdb.cn/item/67a74cbdd0e0a243d4fd160b.png";
-const errorIcon = "https://pic1.imgdb.cn/item/67b03ba3d0e0a243d4ff9078.png";
-const warningIcon = "https://pic1.imgdb.cn/item/67b03ba3d0e0a243d4ff9079.png";
-/**
- * @description 创建div添加dialog组件
- * */
-const mountDialog = () => {
-  if (!instance) {
-    const container = document.createElement("div");
-    document.body.appendChild(container); // 先添加到 body
-    instance = createVNode(Dialog);
-    render(instance, container);
-  }
-};
-/**
- * @description 打开传参
- * */
-const openParams = (options: DialogParam, icon: string) => {
-  instance.component.exposed.open(
-    Object.assign(
-      {
-        icon
-      },
-      options
-    )
-  );
-};
-
-const DialogService = {
-  success(options: DialogParam) {
-    mountDialog();
-    openParams(options, successIcon);
-  },
-  error(options: DialogParam) {
-    mountDialog();
-    openParams(options, errorIcon);
-  },
-  warning(options: DialogParam) {
-    mountDialog();
-    openParams(options, warningIcon);
-  },
-  close() {
-    if (instance) {
-      instance.component.exposed.close();
-    }
-  }
-};
-
-export default DialogService;
+import { createVNode, render } from "vue";
+import Dialog, { type DialogParam } from "./TheMessage.vue";
+
+let instance: any = null;
+
+const successIcon = "https://pic1.imgdb.cn/item/67a74cbdd0e0a243d4fd160b.png";
+const errorIcon = "https://pic1.imgdb.cn/item/67b03ba3d0e0a243d4ff9078.png";
+const warningIcon = "https://pic1.imgdb.cn/item/67b03ba3d0e0a243d4ff9079.png";
+/**
+ * @description 创建div添加dialog组件
+ * */
+const mountDialog = () => {
+  if (!instance) {
+    const container = document.createElement("div");
+    document.body.appendChild(container); // 先添加到 body
+    instance = createVNode(Dialog);
+    render(instance, container);
+  }
+};
+/**
+ * @description 打开传参
+ * */
+const openParams = (options: DialogParam, icon: string) => {
+  instance.component.exposed.open(
+    Object.assign(
+      {
+        icon,
+      },
+      options,
+    ),
+  );
+};
+
+const DialogService = {
+  success(options: DialogParam) {
+    mountDialog();
+    openParams(options, successIcon);
+  },
+  error(options: DialogParam) {
+    mountDialog();
+    openParams(options, errorIcon);
+  },
+  warning(options: DialogParam) {
+    mountDialog();
+    openParams(options, warningIcon);
+  },
+  close() {
+    if (instance) {
+      instance.component.exposed.close();
+    }
+  },
+};
+
+export default DialogService;

package/composables/index.ts

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

package/composables/useShare.ts

@@ -0,0 +1,27 @@
+interface ShareConfig {
+  title?: string;
+  path?: string;
+  friendImageUrl?: string;
+  timelineImageUrl?: string;
+}
+
+export const useShare = (config: ShareConfig = {}) => {
+  return {
+    //分享给好友的处理函数
+    onShareAppMessage() {
+      return {
+        title: config.title,
+        path: config.path,
+        imageUrl: config.friendImageUrl,
+      };
+    },
+
+    //分享到朋友圈的处理函数
+    onShareTimeline() {
+      return {
+        title: config.title,
+        imageUrl: config.timelineImageUrl,
+      };
+    },
+  };
+};

package/config/color.ts

@@ -1,6 +1,7 @@
-export const ColorConfig = {
+export const ColorConfig: AnyObject = {
   success: "#5ac725",
   primary: "#3c9cff",
   warning: "#f9ae3d",
-  error: "#f56c6c"
+  error: "#f56c6c",
+  info: "#909399",
 };

package/config/icon.ts

@@ -362,5 +362,25 @@ export const IconConfig = {
   /**
    * @description 分享-实心
    * */
-  SHARE_FILL: "share-fill"
+  SHARE_FILL: "share-fill",
+};
+
+/**
+ * @description 不同主题对应不同的图标
+ * */
+export const iconName = (type: string) => {
+  switch (type) {
+    case "success":
+      return IconConfig.SUCCESS_FILL;
+    case "error":
+      return IconConfig.CLOSE_CIRCLE_FILL;
+    case "warning":
+      return IconConfig.NOTICE_FILL;
+    case "info":
+      return IconConfig.HELP_FILL;
+    case "primary":
+      return IconConfig.MESSAGE_FILL;
+    default:
+      return IconConfig.CLOSE_CIRCLE_FILL;
+  }
 };

package/global/index.ts

@@ -1,6 +1,6 @@
-import { App } from "vue";
-import registerProperties from "./register-properties";
-
-export const globalRegister = (app: App): void => {
-    app.use(registerProperties)
-}
+import type { App } from "vue";
+import registerProperties from "./register-properties";
+
+export const globalRegister = (app: App): void => {
+  app.use(registerProperties);
+};

package/global/register-properties.ts

@@ -1,4 +1,4 @@
-import { App } from "vue";
+import type { App } from "vue";
 import { addUnit, bytesToSize, formatTime, random } from "../utils";
 export default function registerProperties(app: App) {
   app.config.globalProperties.$hy = {
@@ -32,6 +32,6 @@ export default function registerProperties(app: App) {
      * @param {Number} bytes 字节
      * @returns {String} 返回单位大小
      * */
-    bytesToSize: (bytes: number): string => bytesToSize(bytes)
+    bytesToSize: (bytes: number): string => bytesToSize(bytes),
   };
 }

package/index.scss

@@ -1 +1,2 @@
-@import "./libs/css/common.scss";
+@use "./libs/css/common.scss";
+//@use "./libs/css/mixin.scss" as HyMixin;

package/index.ts

@@ -1,8 +1,9 @@
-export * from "./common";
-export * from "./utils";
-export * from "./store";
-export * from "./components";
-export * from "./global";
-export * from "./typing";
-export * from "./api";
-export * from "./config";
+export * from "./common";
+export * from "./utils";
+export * from "./store";
+export * from "./components";
+export * from "./global";
+export * from "./typing";
+export * from "./api";
+export * from "./config";
+export * from "./composables";

package/libs/css/common.scss

@@ -1,4 +1,16 @@
-@import "../../theme.scss";
-.hy-border-bottom {
+@use "../../theme.scss" as *;
+.hy-border__bottom {
   border-bottom: $hy-border-line;
+}
+
+.hy-border {
+  border: $hy-border-line;
+}
+
+.hy-border__top {
+  border-top: $hy-border-line;
+}
+
+.hy-page {
+  padding: $hy-border-margin-padding-base;
 }

package/package.json

@@ -1,13 +1,14 @@
 {
   "name": "hy-app",
-  "version": "0.1.2",
-  "description": "表单适配微信小程序bug修改",
+  "version": "0.1.4",
+  "description": "瀑布流组件",
   "main": "./index.ts",
   "private": false,
   "scripts": {},
   "files": [
     "common/",
     "components/",
+    "composables/",
     "global/",
     "public/",
     "store/",

package/{libs/css → public/font}/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
-  font-family: "iconfont"; /* Project id 4305932 */
-  src: url('iconfont.woff2?t=1745201408280') format('woff2'),
-       url('iconfont.woff?t=1745201408280') format('woff'),
-       url('iconfont.ttf?t=1745201408280') format('truetype');
+  font-family: 'iconfont';  /* Project id 4305932 */
+  src: url('https://at.alicdn.com/t/c/font_4305932_vbkygv82jrg.woff2?t=1745506339367') format('woff2'),
+  url('https://at.alicdn.com/t/c/font_4305932_vbkygv82jrg.woff?t=1745506339367') format('woff'),
+  url('https://at.alicdn.com/t/c/font_4305932_vbkygv82jrg.ttf?t=1745506339367') format('truetype');
 }
 
 .iconfont {

package/theme.scss

@@ -80,15 +80,17 @@ $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-no: 0;
+$hy-border-radius-sm: 8rpx;
+$hy-border-radius-base: 20rpx;
+$hy-border-radius-lg: 32rpx;
 $hy-border-radius-circle: 50%;
+$hy-border-radius-semicircle: 100px;
 /* 盒子阴影 */
 $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-margin-padding-lg: 30rpx;
 /* 底部线条 */
 $hy-border-line: 1px solid #dadbde;

package/typing/index.ts

@@ -3,4 +3,4 @@ export * from "./modules/dialog";
 export * from "./modules/http";
 export * from "./modules/enum";
 export * from "./modules/rect";
-// export * from "./modules/icon";
+// export * from "./modules/common";

package/typing/modules/common.d.ts

@@ -27,7 +27,7 @@ declare namespace HyApp {
   /**
    * @description 排列方式，row-横向，column-纵向
    * */
-  type PermutationType = "row" | "column";
+  type DirectionType = "row" | "column";
   /**
    * @description 布局方式；left-左，right-右，top-上，bottom-下，center-中
    * */
@@ -36,10 +36,22 @@ declare namespace HyApp {
    * @description 布局方式：left-左，right-右
    * */
   type LeftRightType = "left" | "right";
+  /**
+   * @description 布局方式：left-左，right-右，center-中间
+   * */
+  type RowCenterType = LeftRightType | "center";
+  /**
+   * @description 布局方式：top-上，bottom-下，center-中间
+   * */
+  type ColumnCenterType = TopBottomType | "center";
   /**
    * @description 布局方式：top-上，bottom-下
    * */
   type TopBottomType = "top" | "bottom";
+  /**
+   * @description 主题亮度：light-亮色，dark-暗色
+   * */
+  type ThemeVo = "light" | "dark";
   /**
    * @description 边框：surround-四周有边框，bottom-底部有边框，none-无边框
    * */
@@ -83,7 +95,30 @@ declare namespace HyApp {
    * @description 旋转方向
    * */
   type RotateType = "left" | "up" | "down";
+  /**
+   * @description 上传类型
+   * */
   type FileType = "video" | "media" | "all" | "file" | "image";
+  /**
+   * @description 加载模式：circle-圆圈，spinner-经典花，semicircle-半圆
+   * */
+  type LoadingMode = "spinner" | "circle" | "semicircle";
+  /**
+   * @description 动画类型
+   * */
+  type TransitionMode =
+    | "fade"
+    | "fade-up"
+    | "fade-down"
+    | "fade-left"
+    | "fade-right"
+    | "fade-zoom"
+    | "slide-up"
+    | "slide-down"
+    | "slide-left"
+    | "slide-right"
+    | "zoom-in"
+    | "zoom-out";
   interface IFieldNames {
     /**
      * @description 自定义columns的文本键