增加datepacker ceange事件
This commit is contained in:
		
							parent
							
								
									c0e40bee86
								
							
						
					
					
						commit
						253770906e
					
				@ -1783,6 +1783,7 @@ const _sfc_main = defineComponent({
 | 
			
		||||
      if (dropdownRef.value)
 | 
			
		||||
        dropdownRef.value.hide();
 | 
			
		||||
      $emits("update:modelValue", dateValue.value);
 | 
			
		||||
      $emits("change", dateValue.value);
 | 
			
		||||
    };
 | 
			
		||||
    provide("datePicker", {
 | 
			
		||||
      currentYear,
 | 
			
		||||
 | 
			
		||||
@ -45963,6 +45963,7 @@ const _sfc_main$8 = defineComponent({
 | 
			
		||||
      if (dropdownRef.value)
 | 
			
		||||
        dropdownRef.value.hide();
 | 
			
		||||
      $emits("update:modelValue", dateValue.value);
 | 
			
		||||
      $emits("change", dateValue.value);
 | 
			
		||||
    };
 | 
			
		||||
    provide("datePicker", {
 | 
			
		||||
      currentYear,
 | 
			
		||||
 | 
			
		||||
@ -396,6 +396,7 @@ const onChange = () => {
 | 
			
		||||
    // @ts-ignore
 | 
			
		||||
    dropdownRef.value.hide();
 | 
			
		||||
  $emits("update:modelValue", dateValue.value);
 | 
			
		||||
  $emits("change", dateValue.value);
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
provide("datePicker", {
 | 
			
		||||
 | 
			
		||||
@ -187,7 +187,7 @@ const props = withDefaults(defineProps<UploadProps>(), {
 | 
			
		||||
  cut: false,
 | 
			
		||||
  cutOptions: void 0,
 | 
			
		||||
  modelValue: null,
 | 
			
		||||
  auto: true
 | 
			
		||||
  auto: true,
 | 
			
		||||
});
 | 
			
		||||
 | 
			
		||||
const slot = useSlots();
 | 
			
		||||
@ -294,7 +294,7 @@ const errorF = (errorText: string) => {
 | 
			
		||||
  let errorMsg = errorText ? errorText : defaultErrorMsg;
 | 
			
		||||
  errorMsg = `${errorMsg}`;
 | 
			
		||||
  console.warn(errorMsg);
 | 
			
		||||
  layer.msg(errorMsg, { icon: 2, time: 1000 }, function (res: unknown) { });
 | 
			
		||||
  layer.msg(errorMsg, { icon: 2, time: 1000 }, function (res: unknown) {});
 | 
			
		||||
  emit("error", Object.assign({ currentTimeStamp, msg: errorMsg }));
 | 
			
		||||
};
 | 
			
		||||
 | 
			
		||||
@ -471,9 +471,22 @@ onUnmounted(() => {
 | 
			
		||||
</script>
 | 
			
		||||
 | 
			
		||||
<template>
 | 
			
		||||
  <div class="layui-upload layui-upload-wrap" :class="disabledPreview ? 'layui-upload-file-disabled' : ''">
 | 
			
		||||
    <input type="file" class="layui-upload-file" ref="orgFileInput" :name="field" :field="field" :multiple="multiple"
 | 
			
		||||
      :accept="acceptMime" :disabled="disabled" @click="clickOrgInput" @change="uploadChange" />
 | 
			
		||||
  <div
 | 
			
		||||
    class="layui-upload layui-upload-wrap"
 | 
			
		||||
    :class="disabledPreview ? 'layui-upload-file-disabled' : ''"
 | 
			
		||||
  >
 | 
			
		||||
    <input
 | 
			
		||||
      type="file"
 | 
			
		||||
      class="layui-upload-file"
 | 
			
		||||
      ref="orgFileInput"
 | 
			
		||||
      :name="field"
 | 
			
		||||
      :field="field"
 | 
			
		||||
      :multiple="multiple"
 | 
			
		||||
      :accept="acceptMime"
 | 
			
		||||
      :disabled="disabled"
 | 
			
		||||
      @click="clickOrgInput"
 | 
			
		||||
      @change="uploadChange"
 | 
			
		||||
    />
 | 
			
		||||
    <div v-if="!drag">
 | 
			
		||||
      <div class="layui-upload-btn-box" @click.stop="chooseFile">
 | 
			
		||||
        <template v-if="slot.default">
 | 
			
		||||
@ -486,12 +499,19 @@ onUnmounted(() => {
 | 
			
		||||
        </template>
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
    <div v-else ref="dragRef" class="layui-upload-drag" :class="disabled
 | 
			
		||||
      ? 'layui-upload-drag-disable'
 | 
			
		||||
      : isDragEnter
 | 
			
		||||
        ? 'layui-upload-drag-draging'
 | 
			
		||||
        : ''
 | 
			
		||||
      " @click.stop="chooseFile">
 | 
			
		||||
    <div
 | 
			
		||||
      v-else
 | 
			
		||||
      ref="dragRef"
 | 
			
		||||
      class="layui-upload-drag"
 | 
			
		||||
      :class="
 | 
			
		||||
        disabled
 | 
			
		||||
          ? 'layui-upload-drag-disable'
 | 
			
		||||
          : isDragEnter
 | 
			
		||||
          ? 'layui-upload-drag-draging'
 | 
			
		||||
          : ''
 | 
			
		||||
      "
 | 
			
		||||
      @click.stop="chooseFile"
 | 
			
		||||
    >
 | 
			
		||||
      <i class="layui-icon"></i>
 | 
			
		||||
      <p>{{ dragText }}</p>
 | 
			
		||||
      <div class="layui-hide" id="uploadDemoView">
 | 
			
		||||
@ -499,17 +519,38 @@ onUnmounted(() => {
 | 
			
		||||
        <img src="" alt="上传成功后渲染" style="max-width: 196px" />
 | 
			
		||||
      </div>
 | 
			
		||||
    </div>
 | 
			
		||||
    <lay-layer v-model="innerCutVisible" :title="computedCutLayerOption.title" :move="computedCutLayerOption.move"
 | 
			
		||||
      :resize="computedCutLayerOption.resize" :shade="computedCutLayerOption.shade"
 | 
			
		||||
      :shadeClose="computedCutLayerOption.shadeClose" :shadeOpacity="computedCutLayerOption.shadeOpacity"
 | 
			
		||||
      :zIndex="computedCutLayerOption.zIndex" :btnAlign="computedCutLayerOption.btnAlign"
 | 
			
		||||
      :area="computedCutLayerOption.area" :anim="computedCutLayerOption.anim"
 | 
			
		||||
      :isOutAnim="computedCutLayerOption.isOutAnim" :btn="computedCutLayerOption.btn" @close="clearAllCutEffect">
 | 
			
		||||
      <div class="copper-container" v-for="(base64str, index) in activeUploadFilesImgs" :key="`file${index}`">
 | 
			
		||||
        <img :src="base64str" :id="`_lay_upload_img${index}`" class="_lay_upload_img" />
 | 
			
		||||
    <lay-layer
 | 
			
		||||
      v-model="innerCutVisible"
 | 
			
		||||
      :title="computedCutLayerOption.title"
 | 
			
		||||
      :move="computedCutLayerOption.move"
 | 
			
		||||
      :resize="computedCutLayerOption.resize"
 | 
			
		||||
      :shade="computedCutLayerOption.shade"
 | 
			
		||||
      :shadeClose="computedCutLayerOption.shadeClose"
 | 
			
		||||
      :shadeOpacity="computedCutLayerOption.shadeOpacity"
 | 
			
		||||
      :zIndex="computedCutLayerOption.zIndex"
 | 
			
		||||
      :btnAlign="computedCutLayerOption.btnAlign"
 | 
			
		||||
      :area="computedCutLayerOption.area"
 | 
			
		||||
      :anim="computedCutLayerOption.anim"
 | 
			
		||||
      :isOutAnim="computedCutLayerOption.isOutAnim"
 | 
			
		||||
      :btn="computedCutLayerOption.btn"
 | 
			
		||||
      @close="clearAllCutEffect"
 | 
			
		||||
    >
 | 
			
		||||
      <div
 | 
			
		||||
        class="copper-container"
 | 
			
		||||
        v-for="(base64str, index) in activeUploadFilesImgs"
 | 
			
		||||
        :key="`file${index}`"
 | 
			
		||||
      >
 | 
			
		||||
        <img
 | 
			
		||||
          :src="base64str"
 | 
			
		||||
          :id="`_lay_upload_img${index}`"
 | 
			
		||||
          class="_lay_upload_img"
 | 
			
		||||
        />
 | 
			
		||||
      </div>
 | 
			
		||||
    </lay-layer>
 | 
			
		||||
    <div class="layui-upload-list" :class="disabledPreview ? 'layui-upload-list-disabled' : ''">
 | 
			
		||||
    <div
 | 
			
		||||
      class="layui-upload-list"
 | 
			
		||||
      :class="disabledPreview ? 'layui-upload-list-disabled' : ''"
 | 
			
		||||
    >
 | 
			
		||||
      <slot name="preview"></slot>
 | 
			
		||||
    </div>
 | 
			
		||||
  </div>
 | 
			
		||||
 | 
			
		||||
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user