hy-app 0.5.3 → 0.5.5

package/components/hy-radio/typing.d.ts

@@ -1,89 +1,4 @@
-import type { CSSProperties } from 'vue'
-import { CheckboxColumnsVo, IFieldNames } from '../hy-check-button/typing'
-
-export default interface HyRadioProps {
-    /**
-     * @description 双向绑定值，数组类型
-     * */
-    modelValue: string | number
-
-    /**
-     * @description 接受数组值
-     * */
-    columns: CheckboxColumnsVo[]
-    /**
-     * @description 自定义接收columns的键
-     * */
-    fieldNames?: IFieldNames
-    /**
-     * @description checkbox组件的标示符
-     * */
-    name?: string
-    /**
-     * @description 形状，square为方形，circle为圆型
-     * */
-    shape?: HyApp.ShapeType
-    /**
-     * @description 整体的大小
-     * */
-    size?: HyApp.SizeType | string | number
-    /**
-     * @description 是否默认选中
-     * */
-    checkbox?: boolean
-    /**
-     * @description 是否禁用
-     * */
-    disabled?: boolean
-    /**
-     * @description 选中状态下的颜色，如设置此值，将会覆盖parent的activeColor值
-     * */
-    activeColor?: string
-    /**
-     * @description 未选中的颜色
-     * */
-    inactiveColor?: string
-    /**
-     * @description 图标的大小，单位px
-     * */
-    iconSize?: string
-    /**
-     * @description 图标颜色
-     * */
-    iconColor?: string
-    /**
-     * @description label提示文字，因为nvue下，直接slot进来的文字，由于特殊的结构，无法修改样式
-     * */
-    label?: string
-    /**
-     * @description label的字体大小，px单位
-     * */
-    labelSize?: string | number
-    /**
-     * @description label的颜色
-     * */
-    labelColor?: string
-    /**
-     * @description 勾选图标的对齐方式，left-左边，right-右边
-     * */
-    iconPlacement?: HyApp.LeftRightType
-    /**
-     * @description 竖向配列时，是否显示下划线
-     * */
-    borderBottom?: boolean
-    /**
-     * @description 是否禁止点击提示语选中复选框
-     * */
-    labelDisabled?: boolean
-    /**
-     * @description 定义需要用到的外部样式
-     * */
-    customStyle?: CSSProperties
-    /**
-     * @description 布局方式，row-横向，column-纵向
-     * */
-    placement?: HyApp.DirectionType
-}
+import { CheckboxColumnsVo } from '../hy-check-button/typing'
 
 export interface IRadioEmits {
     /** 选择触发 */

package/components/hy-rate/typing.d.ts

@@ -1,65 +1,3 @@
-import type { CSSProperties } from 'vue'
-
-export default interface HyRateProps {
-    /**
-     * @description v-model绑定的值
-     * */
-    modelValue: number
-
-    /**
-     * @description 星星的默认最多数
-     * */
-    count?: number
-    /**
-     * @description 是否禁用
-     * */
-    disabled?: boolean
-    /**
-     * @description 是否只读
-     * */
-    readonly?: boolean
-    /**
-     * @description 星星的大小
-     * */
-    size?: number | string
-    /**
-     * @description 未激活星星的颜色
-     * */
-    inactiveColor?: string
-    /**
-     * @description 激活星星的颜色
-     * */
-    activeColor?: string
-    /**
-     * @description 星星之间的间距
-     * */
-    gutter?: number
-    /**
-     * @description 最小星星数量
-     * */
-    minCount?: number
-    /**
-     * @description 是否允许半星
-     * */
-    allowHalf?: boolean
-    /**
-     * @description 激活状态的图标
-     * */
-    activeIcon?: string
-    /**
-     * @description 未激活状态的图标
-     * */
-    inactiveIcon?: string
-    /**
-     * @description 是否可触摸
-     * */
-    touchable?: boolean
-    /**
-     * @description 自定义样式
-     * */
-    customStyle?: CSSProperties
-}
-
 export interface IRateEmits {
     /** 选中的星星发生变化时触发 */
     (e: 'change', index: number): void

package/components/hy-read-more/typing.d.ts

@@ -1,51 +1,6 @@
-import type { CSSProperties } from 'vue'
-
-export default interface HyReadMoreProps {
-  /**
-   * @description 内容超出此高度才会显示展开全文按钮，单位px（默认 400 ）
-   * */
-  showHeight?: number
-  /**
-   * @description 展开后是否显示收起按钮（默认 false ）
-   * */
-  toggle?: boolean
-  /**
-   * @description 关闭时的提示文字（默认 '展开阅读全文' ）
-   * */
-  closeText?: string
-  /**
-   * @description 展开时的提示文字（默认 '收起' ）
-   * */
-  openText?: string
-  /**
-   * @description 提示文字的颜色（默认 '#2979ff' ）
-   * */
-  color?: string
-  /**
-   * @description 提示文字的大小，单位px （默认 14 ）
-   * */
-  fontSize?: number
-  /**
-   * @description 段落首行缩进的字符个数 （默认 '2em' ）
-   * */
-  textIndent?: string
-  /**
-   * @description 用于在 open 和 close 事件中当作回调参数返回
-   * */
-  name?: string
-  /**
-   * @description 显示阴影的样式
-   * */
-  shadowStyle?: CSSProperties
-  /**
-   * @description 定义需要用到的外部样式
-   * */
-  customStyle?: CSSProperties
-}
-
 export interface IReadMoreEmits {
-  /** 打开触发 */
-  (e: 'open', name: string): void
-  /** 关闭触发 */
-  (e: 'close', name: string): void
+    /** 打开触发 */
+    (e: 'open', name: string): void
+    /** 关闭触发 */
+    (e: 'close', name: string): void
 }

package/components/hy-scroll-list/typing.d.ts

@@ -1,35 +1,6 @@
-import type { CSSProperties } from 'vue'
-
-export default interface HyScrollListProps {
-  /**
-   * @description 指示器的整体宽度 (默认 50 )
-   * */
-  indicatorWidth?: number
-  /**
-   * @description 滑块的宽度 (默认 20 )
-   * */
-  indicatorBarWidth?: number
-  /**
-   * @description 是否显示面板指示器 (默认 true )
-   * */
-  indicator?: boolean
-  /**
-   * @description 指示器非激活颜色 (默认 '#f2f2f2' )
-   * */
-  indicatorColor?: string
-  /**
-   * @description 指示器的激活颜色 (默认 '#3c9cff' )
-   * */
-  indicatorActiveColor?: string
-  /**
-   * @description 指示器样式，可通过bottom，left，right进行定位
-   * */
-  indicatorStyle?: CSSProperties
-}
-
 export interface IScrollListEmits {
-  /** 滑动到左边时触发 */
-  (e: 'scrollLeft'): void
-  /** 滑动到右边时触发 */
-  (e: 'scrollRight'): void
+    /** 滑动到左边时触发 */
+    (e: 'scrollLeft'): void
+    /** 滑动到右边时触发 */
+    (e: 'scrollRight'): void
 }

package/components/hy-search/typing.d.ts

@@ -1,123 +1,22 @@
-import type { CSSProperties } from "vue";
-import type HyIconProps from "../hy-icon/typing";
-import type { InputOnConfirmEvent } from "@uni-helper/uni-types";
-
-export default interface HySearchProps {
-  /**
-   * @description 输入框初始值
-   * */
-  modelValue: string;
-  /**
-   * @description 搜索框形状，circle-圆形，square-方形（默认 'circle' ）
-   * */
-  shape?: HyApp.ShapeType;
-  /**
-   * @description 搜索框背景颜色（默认 '#f2f2f2' ）
-   * */
-  bgColor?: string;
-  /**
-   * @description 占位文字内容（默认 '请输入关键字' ）
-   * */
-  placeholder?: string;
-  /**
-   * @description 是否启用清除控件（默认 true ）
-   * */
-  clear?: boolean;
-  /**
-   * @description 是否自动获得焦点（默认 false ）
-   * */
-  focus?: boolean;
-  /**
-   * @description 是否显示右侧控件（默认 true ）
-   * */
-  showAction?: boolean;
-  /**
-   * @description 右侧控件的样式，对象形式
-   * */
-  actionStyle?: CSSProperties;
-  /**
-   * @description 右侧控件文字（默认 '搜索' ）
-   * */
-  actionText?: string;
-  /**
-   * @description 输入框内容水平对齐方式 （默认 'left' ）
-   * */
-  inputAlign?: HyApp.RowCenterType;
-  /**
-   * @description 自定义输入框样式，对象形式
-   * */
-  inputStyle?: CSSProperties;
-  /**
-   * @description 是否启用输入框（默认 false ）
-   * */
-  disabled?: boolean;
-  /**
-   * @description 边框颜色，配置了颜色，才会有边框 (默认 'transparent' )
-   * */
-  borderColor?: string;
-  /**
-   * @description 输入框字体颜色（默认 '#606266' ）
-   * */
-  color?: string;
-  /**
-   * @description placeholder的颜色（默认 '#909399' ）
-   * */
-  placeholderColor?: string;
-  /**
-   * @description 输入框左边的图标属性集合，可以为图标名称或图片路径  (默认 'search' )
-   * */
-  searchIcon?: Partial<HyIconProps>;
-  /**
-   * @description 组件与其他上下左右之间的距离，带单位的字符串形式，如"30px"   (默认 '0' )
-   * */
-  margin?: string;
-  /**
-   * @description 是否开启动画，见上方说明（默认 false ）
-   * */
-  animation?: boolean;
-  /**
-   * @description 输入框最大能输入的长度，-1为不限制长度  (默认 '-1' )
-   * */
-  maxlength?: string | number;
-  /**
-   * @description 输入框高度，单位px（默认 64 ）
-   * */
-  height?: number;
-  /**
-   * @description 搜索框左边显示内容
-   * */
-  label?: string | null;
-  /**
-   * @description 键盘弹起时，是否自动上推页面
-   * */
-  adjustPosition?: boolean;
-  /**
-   * @description 键盘收起时，是否自动失去焦点
-   * */
-  autoBlur?: boolean;
-  /**
-   * @description 定义需要用到的外部样式
-   * */
-  customStyle?: CSSProperties;
-}
+import type { InputOnConfirmEvent } from '@uni-helper/uni-types'
 
 export interface ISearchEmits {
-  /** disabled为true时，点击输入框，发出此事件，用于跳转搜索页 */
-  (e: "click"): void;
-  /** 输入框内容发生变化时触发 */
-  (e: "change", value: string): void;
-  /** 左侧icon点击时候时触发 */
-  (e: "clickIcon", keyword: string): void;
-  /** 用户确定搜索时触发，用户按回车键，或者手机键盘右下角的"搜索"键时触发 */
-  (e: "search", event: InputOnConfirmEvent, value: string): void;
-  /** 配置了clearabled后，清空内容时会发出此事件 */
-  (e: "clear"): void;
-  /** 用户点击右侧控件时触发 */
-  (e: "confirm", value: string): void;
-  /** 输入框获得焦点时触发 */
-  (e: "focus", e: InputOnFocusEvent, keyword: string): void;
-  /** 输入框失去焦点时触发 */
-  (e: "blur", e: InputOnBlurEvent, keyword: string): void;
-  /** 输入框内容发生变化时触发 */
-  (e: "update:modelValue", value: string): void;
+    /** disabled为true时，点击输入框，发出此事件，用于跳转搜索页 */
+    (e: 'click'): void
+    /** 输入框内容发生变化时触发 */
+    (e: 'change', value: string): void
+    /** 左侧icon点击时候时触发 */
+    (e: 'clickIcon', keyword: string): void
+    /** 用户确定搜索时触发，用户按回车键，或者手机键盘右下角的"搜索"键时触发 */
+    (e: 'search', event: InputOnConfirmEvent, value: string): void
+    /** 配置了clearabled后，清空内容时会发出此事件 */
+    (e: 'clear'): void
+    /** 用户点击右侧控件时触发 */
+    (e: 'confirm', value: string): void
+    /** 输入框获得焦点时触发 */
+    (e: 'focus', e: InputOnFocusEvent, keyword: string): void
+    /** 输入框失去焦点时触发 */
+    (e: 'blur', e: InputOnBlurEvent, keyword: string): void
+    /** 输入框内容发生变化时触发 */
+    (e: 'update:modelValue', value: string): void
 }

package/components/hy-signature/hy-signature.vue

@@ -46,37 +46,39 @@
             >
             </slot>
             <template v-else>
-                <block v-if="enableHistory">
+                <hy-flex gap="12">
+                    <block v-if="enableHistory">
+                        <hy-button
+                            size="small"
+                            plain
+                            shape="circle"
+                            @click="revoke"
+                            :disabled="lines.length <= 0"
+                            :text="revokeText"
+                        ></hy-button>
+                        <hy-button
+                            size="small"
+                            plain
+                            shape="circle"
+                            @click="restore"
+                            :disabled="redoLines.length <= 0"
+                            :text="restoreText"
+                        ></hy-button>
+                    </block>
                     <hy-button
                         size="small"
                         plain
                         shape="circle"
-                        @click="revoke"
-                        :disabled="lines.length <= 0"
-                        :text="revokeText"
+                        @click="clear"
+                        :text="clearText"
                     ></hy-button>
                     <hy-button
                         size="small"
-                        plain
                         shape="circle"
-                        @click="restore"
-                        :disabled="redoLines.length <= 0"
-                        :text="restoreText"
+                        @click="confirmSignature"
+                        :text="confirmText"
                     ></hy-button>
-                </block>
-                <hy-button
-                    size="small"
-                    plain
-                    shape="circle"
-                    @click="clear"
-                    :text="clearText"
-                ></hy-button>
-                <hy-button
-                    size="small"
-                    shape="circle"
-                    @click="confirmSignature"
-                    :text="confirmText"
-                ></hy-button>
+                </hy-flex>
             </template>
         </view>
     </view>
@@ -105,6 +107,7 @@ import signatureProps from './props'
 
 // 组件
 import HyButton from '../hy-button/hy-button.vue'
+import HyFlex from '../hy-flex/hy-flex.vue'
 
 /**
  * 用于签名场景，基于 Canvas 实现的签名组件。提供了基础签名、历史记录、笔锋效果等功能。

package/components/hy-signature/index.scss

@@ -21,9 +21,5 @@
     margin-top: $hy-border-margin-padding-base;
     justify-content: flex-end;
     display: flex;
-
-    :deep(.hy-button) {
-      margin-left: $hy-border-margin-padding-base;
-    }
   }
 }

package/components/hy-signature/typing.d.ts

@@ -1,104 +1,3 @@
-import type { CSSProperties } from 'vue'
-
-export default interface HySignatureProps {
-    /**
-     * @description 签名笔颜色
-     * */
-    penColor?: string
-    /**
-     * @description 签名笔宽度（默认 2 ）
-     * */
-    lineWidth?: number
-    /**
-     * @description 清空按钮的文本
-     * */
-    clearText?: string
-    /**
-     * @description 撤回按钮的文本
-     * */
-    revokeText?: string
-    /**
-     * @description 恢复按钮的文本
-     * */
-    restoreText?: string
-    /**
-     * @description 确认按钮的文本
-     * */
-    confirmText?: string
-    /**
-     * @description 目标文件的类型（默认 png ）
-     * */
-    fileType?: string
-    /**
-     * @description 签名笔颜色
-     * */
-    quality?: number
-    /**
-     * @description 目标文件的质量（默认 1 ）
-     * */
-    exportScale?: number
-    /**
-     * @description 是否禁用签名板（默认 false ）
-     * */
-    disabled?: boolean
-    /**
-     * @description 画布的高度
-     * */
-    height?: number
-    /**
-     * @description 画布的宽度
-     * */
-    width?: number
-    /**
-     * @description 边框圆角
-     * */
-    round?: string | number
-    /**
-     * @description 画板的背景色
-     * */
-    backgroundColor?: string
-    /**
-     * @description 是否禁用画布滚动（默认 true ）
-     * */
-    disableScroll?: boolean
-    /**
-     * @description 是否开启历史记录（默认 false ）
-     * */
-    enableHistory?: boolean
-    /**
-     * @description 撤回和恢复的步长（默认 1 ）
-     * */
-    step?: number
-    /**
-     * @description 撤回按钮的文本（默认 撤销 ）
-     * */
-    undoText?: string
-    /**
-     * @description 恢复按钮的文本（默认 恢复 ）
-     * */
-    redoText?: string
-    /**
-     * @description 是否启用压感模式（默认 false ）
-     * */
-    pressure?: boolean
-    /**
-     * @description 压感模式下笔画最小宽度（默认 2 ）
-     * */
-    minWidth?: number
-    /**
-     * @description 压感模式下笔画最大宽度（默认 6 ）
-     * */
-    maxWidth?: number
-    /**
-     * @description 最小速度阈值，影响压感模式下的笔画宽度变化（默认 1.5 ）
-     * */
-    minSpeed?: number
-    /**
-     * @description 定义需要用到的外部样式
-     * */
-    customStyle?: CSSProperties
-}
-
 /**
  * 签名结果类型
  * @property tempFilePath - 生成图片的临时路径

package/components/hy-slider/typing.d.ts

@@ -1,79 +1,10 @@
-import type { CSSProperties } from "vue";
-
-export default interface HySliderProps {
-  /**
-   * @description 滑块默认值（默认0）
-   * */
-  modelValue?: number;
-  /**
-   * @description 滑块的大小，取值范围为 12 - 28
-   * */
-  blockSize?: number | string;
-  /**
-   * @description 最小值（默认0）
-   * */
-  min?: number;
-  /**
-   * @description 最大值（默认100）
-   * */
-  max?: number;
-  /**
-   * @description 步长（默认1）
-   * */
-  step?: number;
-  /**
-   * @description 底部选择部分的背景颜色（默认#2979ff）
-   * */
-  activeColor?: string;
-  /**
-   * @description 底部条背景颜色（默认#c0c4cc）
-   * */
-  inactiveColor?: string;
-  /**
-   * @description 滑块颜色（默认#ffffff）
-   * */
-  blockColor?: string;
-  /**
-   * @description 是否显示当前的选择值
-   * */
-  showValue?: boolean;
-  /**
-   * @description 是否禁用滑块(默认为false)
-   * */
-  disabled?: boolean;
-  /**
-   * @description 给滑块自定义样式，对象形式
-   * */
-  blockStyle?: CSSProperties;
-  /**
-   * @description 是否渲染uni-app框架内置组件（默认false）
-   * */
-  useNative?: boolean;
-  /**
-   * @description 滑块条高度，单位rpx（默认6）
-   * */
-  height?: string | number;
-  /**
-   * @description 双滑块时值
-   * */
-  rangeValue?: number[];
-  /**
-   * @description 是否区间的模式
-   * */
-  isRange?: boolean;
-  /**
-   * @description 自定义样式
-   * */
-  customStyle?: CSSProperties;
-}
-
 export interface ISliderEmits {
-  /** 开始滑动触发 */
-  (e: "start"): void;
-  /** 触发事件（拖动过程中） */
-  (e: "changing", value: number | number[]): void;
-  /** 触发事件 */
-  (e: "change", value: number | number[]): void;
-  /** 数值改变触发 */
-  (e: "update:modelValue", value: number | number[]): void;
+    /** 开始滑动触发 */
+    (e: 'start'): void
+    /** 触发事件（拖动过程中） */
+    (e: 'changing', value: number | number[]): void
+    /** 触发事件 */
+    (e: 'change', value: number | number[]): void
+    /** 数值改变触发 */
+    (e: 'update:modelValue', value: number | number[]): void
 }