✨(component): 新增 page-header 组件 backIcon 插槽
This commit is contained in:
		
							parent
							
								
									aaebe4f606
								
							
						
					
					
						commit
						ad79521b3e
					
				@ -187,7 +187,7 @@ const endPlaceholder = computed(() => {
 | 
				
			|||||||
});
 | 
					});
 | 
				
			||||||
 | 
					
 | 
				
			||||||
const dropdownRef = ref(null);
 | 
					const dropdownRef = ref(null);
 | 
				
			||||||
const $emits = defineEmits(["update:modelValue",'change','blur','focus']);
 | 
					const $emits = defineEmits(["update:modelValue", "change", "blur", "focus"]);
 | 
				
			||||||
const hms = ref({
 | 
					const hms = ref({
 | 
				
			||||||
  hh: 0,
 | 
					  hh: 0,
 | 
				
			||||||
  mm: 0,
 | 
					  mm: 0,
 | 
				
			||||||
 | 
				
			|||||||
@ -11,7 +11,7 @@ import { LayIcon } from "@layui/icons-vue";
 | 
				
			|||||||
import layButton from "../button/index.vue";
 | 
					import layButton from "../button/index.vue";
 | 
				
			||||||
import { ref, watch, withDefaults, computed, Ref } from "vue";
 | 
					import { ref, watch, withDefaults, computed, Ref } from "vue";
 | 
				
			||||||
import { InputNumberSize } from "./interface";
 | 
					import { InputNumberSize } from "./interface";
 | 
				
			||||||
import { add, sub } from "./math"
 | 
					import { add, sub } from "./math";
 | 
				
			||||||
 | 
					
 | 
				
			||||||
export interface InputNumberProps {
 | 
					export interface InputNumberProps {
 | 
				
			||||||
  modelValue?: number;
 | 
					  modelValue?: number;
 | 
				
			||||||
 | 
				
			|||||||
@ -1,21 +1,34 @@
 | 
				
			|||||||
//加法
 | 
					//加法
 | 
				
			||||||
function add(arg1: number, arg2: number) {
 | 
					function add(arg1: number, arg2: number) {
 | 
				
			||||||
  var r1, r2, m;
 | 
					  var r1, r2, m;
 | 
				
			||||||
    try { r1 = arg1.toString().split(".")[1].length } catch (e) { r1 = 0 }
 | 
					  try {
 | 
				
			||||||
    try { r2 = arg2.toString().split(".")[1].length } catch (e) { r2 = 0 }
 | 
					    r1 = arg1.toString().split(".")[1].length;
 | 
				
			||||||
    m = Math.pow(10, Math.max(r1, r2))
 | 
					  } catch (e) {
 | 
				
			||||||
    return (arg1 * m + arg2 * m) / m
 | 
					    r1 = 0;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					  try {
 | 
				
			||||||
 | 
					    r2 = arg2.toString().split(".")[1].length;
 | 
				
			||||||
 | 
					  } catch (e) {
 | 
				
			||||||
 | 
					    r2 = 0;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					  m = Math.pow(10, Math.max(r1, r2));
 | 
				
			||||||
 | 
					  return (arg1 * m + arg2 * m) / m;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
//减法
 | 
					//减法
 | 
				
			||||||
function sub(arg1: number, arg2: number) {
 | 
					function sub(arg1: number, arg2: number) {
 | 
				
			||||||
  var r1, r2, m, n;
 | 
					  var r1, r2, m, n;
 | 
				
			||||||
    try { r1 = arg1.toString().split(".")[1].length } catch (e) { r1 = 0 }
 | 
					  try {
 | 
				
			||||||
    try { r2 = arg2.toString().split(".")[1].length } catch (e) { r2 = 0 }
 | 
					    r1 = arg1.toString().split(".")[1].length;
 | 
				
			||||||
 | 
					  } catch (e) {
 | 
				
			||||||
 | 
					    r1 = 0;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
 | 
					  try {
 | 
				
			||||||
 | 
					    r2 = arg2.toString().split(".")[1].length;
 | 
				
			||||||
 | 
					  } catch (e) {
 | 
				
			||||||
 | 
					    r2 = 0;
 | 
				
			||||||
 | 
					  }
 | 
				
			||||||
  m = Math.pow(10, Math.max(r1, r2));
 | 
					  m = Math.pow(10, Math.max(r1, r2));
 | 
				
			||||||
    n = (r1 >= r2) ? r1 : r2;
 | 
					  n = r1 >= r2 ? r1 : r2;
 | 
				
			||||||
  return ((arg1 * m - arg2 * m) / m).toFixed(n);
 | 
					  return ((arg1 * m - arg2 * m) / m).toFixed(n);
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
export {
 | 
					export { add, sub };
 | 
				
			||||||
  add,
 | 
					 | 
				
			||||||
  sub,
 | 
					 | 
				
			||||||
}
 | 
					 | 
				
			||||||
 | 
				
			|||||||
@ -1,7 +1,7 @@
 | 
				
			|||||||
<template>
 | 
					<template>
 | 
				
			||||||
  <div class="lay-page-header">
 | 
					  <div class="lay-page-header">
 | 
				
			||||||
    <div class="lay-page-header__left" @click="emits('back')">
 | 
					    <div class="lay-page-header__left" @click="emits('back')">
 | 
				
			||||||
      <i class="layui-icon" :class="[backIcon]"></i>
 | 
					      <slot name="backIcon"><i class="layui-icon" :class="[backIcon]"></i></slot>
 | 
				
			||||||
      <div class="lay-page-header__title">{{ backText }}</div>
 | 
					      <div class="lay-page-header__title">{{ backText }}</div>
 | 
				
			||||||
    </div>
 | 
					    </div>
 | 
				
			||||||
    <div class="lay-page-header__content">
 | 
					    <div class="lay-page-header__content">
 | 
				
			||||||
 | 
				
			|||||||
@ -16,7 +16,9 @@
 | 
				
			|||||||
      <li> 
 | 
					      <li> 
 | 
				
			||||||
        <h3>1.7.6 <span class="layui-badge-rim">2022-11-07</span></h3> 
 | 
					        <h3>1.7.6 <span class="layui-badge-rim">2022-11-07</span></h3> 
 | 
				
			||||||
        <ul>
 | 
					        <ul>
 | 
				
			||||||
 | 
					          <li>[新增] page-header 组件 back-icon 插槽, 自定义返回图标。</li>
 | 
				
			||||||
          <li>[新增] page-header 组件 back-icon 属性, 自定义返回图标。</li>
 | 
					          <li>[新增] page-header 组件 back-icon 属性, 自定义返回图标。</li>
 | 
				
			||||||
 | 
					          <li>[修复] input-number 组件 step 设置为小数时精度丢失的问题。</li>
 | 
				
			||||||
          <li>[修复] datePicker 组件 年选择器 清空后再点击确定回显错误。</li>
 | 
					          <li>[修复] datePicker 组件 年选择器 清空后再点击确定回显错误。</li>
 | 
				
			||||||
          <li>[修复] select 组件 单选模式 与 多选模式 清空操作样式不统一的问题。</li>
 | 
					          <li>[修复] select 组件 单选模式 与 多选模式 清空操作样式不统一的问题。</li>
 | 
				
			||||||
          <li>[修复] select 组件 单选模式 与 多选模式 下拉宽度不一致的问题。</li>
 | 
					          <li>[修复] select 组件 单选模式 与 多选模式 下拉宽度不一致的问题。</li>
 | 
				
			||||||
 | 
				
			|||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user