@cldemo/ui-kit 1.0.0

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-SO7WBNgE.js

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),M=require("vue-cropper"),R=require("./Index.vue_vue_type_script_setup_true_lang-DxWcQL_8.js"),q=require("./_plugin-vue_export-helper-BHFhmbuH.js"),m=require("./base-iCmnU-fv.js"),z=require("./Index.vue_vue_type_script_setup_true_lang-CVPvV5cZ.js"),G={class:"panel-load-fullCenter loading-wrapper"},O={class:"loading-content"},U=e.defineComponent({name:"ClLoadFullCenter",__name:"FullCenter",props:{theme:{},size:{}},setup(n){return(C,u)=>(e.openBlock(),e.createElementBlock("div",G,[u[0]||(u[0]=e.createElementVNode("div",{class:"load-fullCenter-bg"},null,-1)),e.createElementVNode("div",O,[e.createVNode(R._sfc_main,{theme:n.theme,size:n.size},null,8,["theme","size"])])]))}}),$=q._export_sfc(U,[["__scopeId","data-v-bfbb2c59"]]),T={class:"imgCropper-container"},j={class:"imgCropper-main"},H={class:"frame-alignline"},W={class:"imgCropper-btns"},D={key:0,class:"imgCropper-upload"},J=["id","name"],K=["for"],Q={class:"imgCropper-btns-opt"},X=["src"],Y={key:0,class:"frame-alignline"},S=e.defineComponent({name:"ClCropperBase",__name:"Base",props:{className:String,src:{type:String,required:!0},width:{type:Number,required:!0},height:{type:Number,required:!0},isFixedAspectRatio:{type:Boolean,default:!0},isPreview:{type:Boolean,default:!0},previewShape:{type:String,default:"square"},enlarge:{type:Number,default:2},isShowUpload:{type:Boolean,default:!0},isShowSave:{type:Boolean,default:!1},isCenterBox:{type:Boolean,default:!0},fillColor:{type:String,default:"transparent"},alignLine:{type:String,default:"center"},isPreviewAlignLine:{type:Boolean,default:!1}},emits:["onImgLoad","onImgSave"],setup(n,{expose:C,emit:u}){const l=n,g=u,o=e.ref(null),p=e.ref(null),f=m.CommonBase.getRandom(8),r=e.reactive({uploadAgainId:`btnImgCropper_uploadAgain_${f}`,isInitImageLoading:!1}),d=e.reactive({img:"",outputSize:1,outputType:"png",info:!0,canScale:!0,autoCrop:!0,autoCropWidth:l.width,autoCropHeight:l.height,fixed:l.isFixedAspectRatio,fixedNumber:[1,1],full:!1,fixedBox:!1,canMove:!0,canMoveBox:!0,original:!1,centerBox:l.isCenterBox,high:!0,infoTrue:!0,maxImgSize:2e3,enlarge:l.enlarge,mode:"contain",limitMinSize:50,fillColor:l.fillColor}),c=e.reactive({src:"",style:{},pStyle:{}}),v=e.computed(()=>{const{alignLine:i}=l;return i&&!m.CommonBase.isEmpty(i)?i.split(","):[]}),h=e.computed(()=>{const{className:i}=l,t={"panel-imgCropper":!0};return i&&!m.CommonBase.isEmpty(i)&&i.split(" ").forEach(s=>{m.CommonBase.isEmpty(s)||(t[s]=!0)}),t}),a=e.computed(()=>{const{previewShape:i}=l,t={"imgCropper-preview":!0};return t[`imgCropper-preview-${i}`]=!0,t}),w=()=>{const{width:i,height:t}=l;let s=[];i>t?s=[1,t/i]:i<t?s=[i/t,1]:s=[1,1],d.fixedNumber=s},N=()=>{const{src:i}=l;let t="";if(i&&!m.CommonBase.isEmpty(i)){if(i.substring(0,5)!=="data:"){if(/^(http|https):\/\/[^\s]+$/.test(i)){const s=`_t=${new Date().getTime()}`,P=i.indexOf("?")===-1?"?":"&";t=i+P+s}}else t=i;r.isInitImageLoading=!0}d.img=t},B=()=>{w(),N()};e.onMounted(()=>{r.isInitImageLoading=!0,e.nextTick(()=>{B()})}),e.watch(()=>l.src,i=>{m.CommonBase.isEmpty(i)||N()});const y=i=>{c.src=i.url,c.style=i.img,c.pStyle=i.div},E=i=>{const t=i==="success";r.isInitImageLoading=!1,g("onImgLoad",t)},I=i=>{m.CommonBase.getBase64ByFile(i.currentTarget.files).then(t=>{d.img=t})},V=()=>{},k=()=>{o.value.changeScale(1)},x=()=>{o.value.changeScale(-1)},L=()=>{o.value.rotateLeft()},b=()=>{o.value.rotateRight()},F=()=>{o.value.refresh()},A=()=>{g("onImgSave")};return C({getImageBase64:()=>new Promise(i=>{o.value.getCropData(t=>{i(t)})})}),(i,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(h.value)},[e.createElementVNode("div",T,[e.createElementVNode("div",null,[e.createElementVNode("div",j,[e.createVNode(e.unref(M.VueCropper),e.mergeProps({ref_key:"refElCropper",ref:o},d,{onRealTime:y,onImgLoad:E}),null,16),e.createElementVNode("div",H,[v.value.indexOf("center")>-1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t[0]||(t[0]=e.createElementVNode("div",{class:"alignline-h alignline-center-h"},null,-1)),t[1]||(t[1]=e.createElementVNode("div",{class:"alignline-v alignline-center-v"},null,-1))],64)):e.createCommentVNode("",!0),v.value.indexOf("nineGrid")>-1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t[2]||(t[2]=e.createElementVNode("div",{class:"alignline-h alignline-nineGrid-h1"},null,-1)),t[3]||(t[3]=e.createElementVNode("div",{class:"alignline-h alignline-nineGrid-h2"},null,-1)),t[4]||(t[4]=e.createElementVNode("div",{class:"alignline-v alignline-nineGrid-v1"},null,-1)),t[5]||(t[5]=e.createElementVNode("div",{class:"alignline-v alignline-nineGrid-v2"},null,-1))],64)):e.createCommentVNode("",!0)]),r.isInitImageLoading?(e.openBlock(),e.createBlock($,{key:0,theme:"rotaryLine"})):e.createCommentVNode("",!0)]),e.createElementVNode("div",W,[e.createElementVNode("div",null,[n.isShowUpload?(e.openBlock(),e.createElementBlock("div",D,[e.createElementVNode("input",{type:"file",id:r.uploadAgainId,name:r.uploadAgainId,accept:"image/jpg,image/jpeg,image/pjpeg,image/png,image/x-png",onChange:I},null,40,J),e.createElementVNode("label",{ref_key:"refElFileLabel",ref:p,for:r.uploadAgainId},[e.createElementVNode("span",{title:"重新上传",onClick:e.withModifiers(V,["stop"])},[...t[6]||(t[6]=[e.createElementVNode("i",{class:"clIconFont clIcon-upload"},null,-1)])])],8,K)])):e.createCommentVNode("",!0)]),e.createElementVNode("div",Q,[e.createElementVNode("span",{title:"放大",onClick:e.withModifiers(k,["stop"])},[...t[7]||(t[7]=[e.createElementVNode("i",{class:"clIconFont clIcon-search-plus"},null,-1)])]),e.createElementVNode("span",{title:"缩小",onClick:e.withModifiers(x,["stop"])},[...t[8]||(t[8]=[e.createElementVNode("i",{class:"clIconFont clIcon-search-minus"},null,-1)])]),e.createElementVNode("span",{title:"左转90°",onClick:e.withModifiers(L,["stop"])},[...t[9]||(t[9]=[e.createElementVNode("i",{class:"clIconFont clIcon-rotate-left"},null,-1)])]),e.createElementVNode("span",{title:"右转90°",onClick:e.withModifiers(b,["stop"])},[...t[10]||(t[10]=[e.createElementVNode("i",{class:"clIconFont clIcon-rotate-right"},null,-1)])]),e.createElementVNode("span",{title:"重置",onClick:e.withModifiers(F,["stop"])},[...t[11]||(t[11]=[e.createElementVNode("i",{class:"clIconFont clIcon-restore"},null,-1)])]),n.isShowSave?(e.openBlock(),e.createElementBlock("span",{key:0,title:"保存",onClick:e.withModifiers(A,["stop"])},[...t[12]||(t[12]=[e.createElementVNode("i",{class:"clIconFont clIcon-save"},null,-1)])])):e.createCommentVNode("",!0)])])]),n.isPreview?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(a.value)},[e.createElementVNode("div",{style:e.normalizeStyle(c.pStyle)},[e.createElementVNode("img",{src:c.src,style:e.normalizeStyle(c.style),alt:""},null,12,X)],4),n.isPreviewAlignLine?(e.openBlock(),e.createElementBlock("div",Y,[v.value.indexOf("center")>-1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t[13]||(t[13]=e.createElementVNode("div",{class:"alignline-h alignline-center-h"},null,-1)),t[14]||(t[14]=e.createElementVNode("div",{class:"alignline-v alignline-center-v"},null,-1))],64)):e.createCommentVNode("",!0),v.value.indexOf("nineGrid")>-1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t[15]||(t[15]=e.createElementVNode("div",{class:"alignline-h alignline-nineGrid-h1"},null,-1)),t[16]||(t[16]=e.createElementVNode("div",{class:"alignline-h alignline-nineGrid-h2"},null,-1)),t[17]||(t[17]=e.createElementVNode("div",{class:"alignline-v alignline-nineGrid-v1"},null,-1)),t[18]||(t[18]=e.createElementVNode("div",{class:"alignline-v alignline-nineGrid-v2"},null,-1))],64)):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0)],2)):e.createCommentVNode("",!0)])],2))}}),Z=e.defineComponent({name:"ClCropper",__name:"Index",props:{className:String,src:{type:String,required:!0},width:{type:Number,required:!0},height:{type:Number,required:!0},isFixedAspectRatio:{type:Boolean,default:!0},isCenterBox:{type:Boolean,default:!0},isPreview:{type:Boolean,default:!0},previewShape:{type:String,default:"square"},enlarge:{type:Number,default:2},isModal:{type:Boolean,default:!0},isShowUpload:{type:Boolean,default:!0},isShowSave:{type:Boolean,default:!1},fillColor:{type:String,default:"transparent"},alignLine:{type:String,default:"center"},isPreviewAlignLine:{type:Boolean,default:!1}},emits:["onSubmit","onImgLoad"],setup(n,{expose:C,emit:u}){const l=n,g=u,o=e.ref(null),p=e.ref(null),f=()=>p.value.getImageBase64().then(a=>a),r=()=>f().then(a=>{g("onSubmit",a),o.value.hide()}),d=a=>{g("onImgLoad",a)},c=()=>f().then(a=>{g("onSubmit",a)});return C({getImageBase64:()=>f(),show:()=>{o.value&&l.isModal&&o.value.show()}}),(a,w)=>n.isModal?(e.openBlock(),e.createBlock(z._sfc_main,{key:0,ref_key:"refElModal",ref:o,width:"850px",titleName:"图片裁切",isShowSubmitLoad:!1,closeLabel:"取消",submitLabel:"确定",onOnSubmit:r},{default:e.withCtx(()=>[e.createVNode(S,{ref_key:"refElCropper",ref:p,className:n.className,src:n.src,width:n.width,height:n.height,isFixedAspectRatio:n.isFixedAspectRatio,isPreview:n.isPreview,previewShape:n.previewShape,enlarge:n.enlarge,isCenterBox:n.isCenterBox,isShowUpload:n.isShowUpload,isShowSave:!1,alignLine:n.alignLine,isPreviewAlignLine:n.isPreviewAlignLine,fillColor:n.fillColor,onOnImgLoad:d},null,8,["className","src","width","height","isFixedAspectRatio","isPreview","previewShape","enlarge","isCenterBox","isShowUpload","alignLine","isPreviewAlignLine","fillColor"])]),_:1},512)):(e.openBlock(),e.createBlock(S,{key:1,ref_key:"refElCropper",ref:p,className:n.className,src:n.src,width:n.width,height:n.height,isFixedAspectRatio:n.isFixedAspectRatio,isPreview:n.isPreview,previewShape:n.previewShape,enlarge:n.enlarge,isCenterBox:n.isCenterBox,isShowUpload:n.isShowUpload,isShowSave:n.isShowSave,alignLine:n.alignLine,isPreviewAlignLine:n.isPreviewAlignLine,fillColor:n.fillColor,onOnImgLoad:d,onOnImgSave:c},null,8,["className","src","width","height","isFixedAspectRatio","isPreview","previewShape","enlarge","isCenterBox","isShowUpload","isShowSave","alignLine","isPreviewAlignLine","fillColor"]))}});exports._sfc_main=Z;
+//# sourceMappingURL=Index.vue_vue_type_script_setup_true_lang-SO7WBNgE.js.map

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-SO7WBNgE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Index.vue_vue_type_script_setup_true_lang-SO7WBNgE.js","sources":["../../../src/libs/Element/Load/FullCenter.vue","../../../src/libs/Element/Cropper/Base.vue","../../../src/libs/Element/Cropper/Index.vue"],"sourcesContent":["<template>\n  <div class=\"panel-load-fullCenter loading-wrapper\">\n    <div class=\"load-fullCenter-bg\"></div>\n    <div class=\"loading-content\">\n      <ClLoad\n        :theme=\"theme\"\n        :size=\"size\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport './Index.css'\nimport ClLoad from './Index.vue'\n\n// defineOptions\ndefineOptions({ name: 'ClLoadFullCenter' })\n\n// props\ndefineProps<{\n  theme?: string\n  size?: string\n}>()\n</script>\n\n<style scoped>\n.panel-load-fullCenter.loading-wrapper {\n  background-color: transparent;\n  border-radius: 0;\n}\n\n.load-fullCenter-bg {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  background-color: rgba(0, 0, 0, 0.5);\n}\n</style>\n","<template>\n  <div :class=\"clsParent\">\n    <div class=\"imgCropper-container\">\n      <div>\n        <div class=\"imgCropper-main\">\n          <vue-cropper\n            ref=\"refElCropper\"\n            v-bind=\"optCropper\"\n            @realTime=\"onRealTime\"\n            @imgLoad=\"onImgLoad\"\n          ></vue-cropper>\n          <div class=\"frame-alignline\">\n            <template v-if=\"optAlignLine.indexOf('center') > -1\">\n              <div class=\"alignline-h alignline-center-h\"></div>\n              <div class=\"alignline-v alignline-center-v\"></div>\n            </template>\n            <template v-if=\"optAlignLine.indexOf('nineGrid') > -1\">\n              <div class=\"alignline-h alignline-nineGrid-h1\"></div>\n              <div class=\"alignline-h alignline-nineGrid-h2\"></div>\n              <div class=\"alignline-v alignline-nineGrid-v1\"></div>\n              <div class=\"alignline-v alignline-nineGrid-v2\"></div>\n            </template>\n          </div>\n          <ClLoadFullCenter\n            v-if=\"optBase.isInitImageLoading\"\n            theme=\"rotaryLine\"\n          ></ClLoadFullCenter>\n        </div>\n        <div class=\"imgCropper-btns\">\n          <div>\n            <div\n              v-if=\"isShowUpload\"\n              class=\"imgCropper-upload\"\n            >\n              <input\n                type=\"file\"\n                :id=\"optBase.uploadAgainId\"\n                :name=\"optBase.uploadAgainId\"\n                accept=\"image/jpg,image/jpeg,image/pjpeg,image/png,image/x-png\"\n                @change=\"onChangeFileAgain\"\n              >\n              <label\n                ref=\"refElFileLabel\"\n                :for=\"optBase.uploadAgainId\"\n              >\n                <span\n                  title=\"重新上传\"\n                  @click.stop=\"onClickFileLabel\"\n                ><i class=\"clIconFont clIcon-upload\"></i></span>\n              </label>\n            </div>\n          </div>\n\n          <div class=\"imgCropper-btns-opt\">\n            <span\n              title=\"放大\"\n              @click.stop=\"onLarge\"\n            ><i class=\"clIconFont clIcon-search-plus\"></i></span>\n            <span\n              title=\"缩小\"\n              @click.stop=\"onSmall\"\n            ><i class=\"clIconFont clIcon-search-minus\"></i></span>\n            <span\n              title=\"左转90°\"\n              @click.stop=\"onRotateLeft\"\n            ><i class=\"clIconFont clIcon-rotate-left\"></i></span>\n            <span\n              title=\"右转90°\"\n              @click.stop=\"onRotateRight\"\n            ><i class=\"clIconFont clIcon-rotate-right\"></i></span>\n            <span\n              title=\"重置\"\n              @click.stop=\"onReduction\"\n            ><i class=\"clIconFont clIcon-restore\"></i></span>\n            <span\n              v-if=\"isShowSave\"\n              title=\"保存\"\n              @click.stop=\"onSave\"\n            ><i class=\"clIconFont clIcon-save\"></i></span>\n          </div>\n        </div>\n      </div>\n      <div\n        v-if=\"isPreview\"\n        :class=\"clsPreview\"\n      >\n        <div :style=\"optPreview.pStyle\">\n          <img\n            :src=\"optPreview.src\"\n            :style=\"optPreview.style\"\n            alt=\"\"\n          >\n        </div>\n        <div\n          v-if=\"isPreviewAlignLine\"\n          class=\"frame-alignline\"\n        >\n          <template v-if=\"optAlignLine.indexOf('center') > -1\">\n            <div class=\"alignline-h alignline-center-h\"></div>\n            <div class=\"alignline-v alignline-center-v\"></div>\n          </template>\n          <template v-if=\"optAlignLine.indexOf('nineGrid') > -1\">\n            <div class=\"alignline-h alignline-nineGrid-h1\"></div>\n            <div class=\"alignline-h alignline-nineGrid-h2\"></div>\n            <div class=\"alignline-v alignline-nineGrid-v1\"></div>\n            <div class=\"alignline-v alignline-nineGrid-v2\"></div>\n          </template>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { watch, onMounted, nextTick, computed, ref, reactive } from 'vue'\nimport 'vue-cropper/dist/index.css'\nimport { VueCropper } from 'vue-cropper'\nimport ClLoadFullCenter from '../Load/FullCenter.vue'\nimport CommonBase from '../../Common/base'\nimport './index.css'\n\ndefineOptions({ name: 'ClCropperBase' })\n\nconst props = defineProps({\n  className: String,\n  src: {\n    type: String,\n    required: true\n  },\n  width: {\n    type: Number,\n    required: true\n  },\n  height: {\n    type: Number,\n    required: true\n  },\n  isFixedAspectRatio: {\n    type: Boolean,\n    default: true\n  },\n  isPreview: {\n    type: Boolean,\n    default: true\n  },\n  previewShape: {\n    type: String,\n    default: 'square' // square | round\n  },\n  enlarge: {\n    type: Number,\n    default: 2\n  },\n  isShowUpload: {\n    type: Boolean,\n    default: true\n  },\n  isShowSave: {\n    type: Boolean,\n    default: false\n  },\n  isCenterBox: {\n    type: Boolean,\n    default: true\n  },\n  fillColor: {\n    type: String,\n    default: 'transparent' // #FFFFFF\n  },\n  alignLine: {\n    type: String,\n    default: 'center' // center | nineGrid\n  },\n  isPreviewAlignLine: {\n    type: Boolean,\n    default: false\n  }\n})\n\nconst emit = defineEmits<{\n  (e: 'onImgLoad', isSuccess: boolean): void\n  (e: 'onImgSave'): void\n}>()\n\nconst refElCropper: any = ref(null)\nconst refElFileLabel: any = ref(null)\n\nconst ran = CommonBase.getRandom(8)\nconst optBase = reactive({\n  uploadAgainId: `btnImgCropper_uploadAgain_${ran}`,\n  isInitImageLoading: false\n})\n\nconst optCropper: any = reactive({\n  img: '',\n  outputSize: 1,\n  outputType: 'png',\n  info: true,\n  canScale: true,\n  autoCrop: true,\n  autoCropWidth: props.width,\n  autoCropHeight: props.height,\n  fixed: props.isFixedAspectRatio,\n  fixedNumber: [1, 1],\n  full: false,\n  fixedBox: false,\n  canMove: true,\n  canMoveBox: true,\n  original: false,\n  centerBox: props.isCenterBox,\n  high: true,\n  infoTrue: true,\n  maxImgSize: 2000,\n  enlarge: props.enlarge,\n  mode: 'contain',\n  limitMinSize: 50,\n  fillColor: props.fillColor\n})\n\nconst optPreview = reactive({\n  src: '',\n  style: {} as any,\n  pStyle: {} as any\n})\n\nconst optAlignLine = computed(() => {\n  const { alignLine } = props\n  const arr: string[] = alignLine && !CommonBase.isEmpty(alignLine) ? alignLine.split(',') : []\n  return arr\n})\n\nconst clsParent = computed(() => {\n  const { className } = props\n  const cls: any = {\n    'panel-imgCropper': true\n  }\n  if (className && !CommonBase.isEmpty(className)) {\n    className.split(' ').forEach((c: string) => {\n      if (!CommonBase.isEmpty(c)) {\n        cls[c] = true\n      }\n    })\n  }\n  return cls\n})\n\nconst clsPreview = computed(() => {\n  const { previewShape } = props\n  const cls: any = {\n    'imgCropper-preview': true\n  }\n  cls[`imgCropper-preview-${previewShape}`] = true\n  return cls\n})\n\nconst _setFixedNumber = () => {\n  const { width, height } = props\n  let fixedNumber: number[] = []\n  if (width > height) {\n    fixedNumber = [1, height / width]\n  } else if (width < height) {\n    fixedNumber = [width / height, 1]\n  } else {\n    fixedNumber = [1, 1]\n  }\n  optCropper.fixedNumber = fixedNumber\n}\n\nconst _setCropperImgSrc = () => {\n  const { src } = props\n  let newSrc = ''\n  if (src && !CommonBase.isEmpty(src)) {\n    if (src.substring(0, 5) !== 'data:') {\n      if (/^(http|https):\\/\\/[^\\s]+$/.test(src)) {\n        const t = `_t=${new Date().getTime()}`\n        const joinStr = src.indexOf('?') === -1 ? '?' : '&'\n        newSrc = src + joinStr + t\n      }\n    } else {\n      newSrc = src\n    }\n    optBase.isInitImageLoading = true\n  }\n  optCropper.img = newSrc\n}\n\nconst _initMain = () => {\n  _setFixedNumber()\n  _setCropperImgSrc()\n}\n\nonMounted(() => {\n  optBase.isInitImageLoading = true\n  nextTick(() => {\n    _initMain()\n  })\n})\n\nwatch(\n  () => props.src,\n  (newValue: string) => {\n    if (!CommonBase.isEmpty(newValue)) {\n      _setCropperImgSrc()\n    }\n  }\n)\n\nconst onRealTime = (imgData: any) => {\n  optPreview.src = imgData.url\n  optPreview.style = imgData.img\n  optPreview.pStyle = imgData.div\n}\n\nconst onImgLoad = (result: any) => {\n  const isSuccess = result === 'success'\n  optBase.isInitImageLoading = false\n  emit('onImgLoad', isSuccess)\n}\n\nconst onChangeFileAgain = (el: any) => {\n  CommonBase.getBase64ByFile(el.currentTarget.files).then((result: any) => {\n    optCropper.img = result\n  })\n}\n\nconst onClickFileLabel = () => {\n  // refElFileLabel.value.click()\n}\n\nconst onLarge = () => {\n  refElCropper.value.changeScale(1)\n}\n\nconst onSmall = () => {\n  refElCropper.value.changeScale(-1)\n}\n\nconst onRotateLeft = () => {\n  refElCropper.value.rotateLeft()\n}\n\nconst onRotateRight = () => {\n  refElCropper.value.rotateRight()\n}\n\nconst onReduction = () => {\n  refElCropper.value.refresh()\n}\n\nconst onSave = () => {\n  emit('onImgSave')\n}\n\nconst getImageBase64 = (): Promise<any> => {\n  return new Promise((resolve) => {\n    refElCropper.value.getCropData((cropperData: any) => {\n      resolve(cropperData)\n    })\n  })\n}\n\ndefineExpose({\n  getImageBase64\n})\n</script>\n","<template>\n  <ClModal\n    v-if=\"isModal\"\n    ref=\"refElModal\"\n    width=\"850px\"\n    titleName=\"图片裁切\"\n    :isShowSubmitLoad=\"false\"\n    closeLabel=\"取消\"\n    submitLabel=\"确定\"\n    @onSubmit=\"onSubmit\"\n  >\n    <ClCropperBase\n      ref=\"refElCropper\"\n      :className=\"className\"\n      :src=\"src\"\n      :width=\"width\"\n      :height=\"height\"\n      :isFixedAspectRatio=\"isFixedAspectRatio\"\n      :isPreview=\"isPreview\"\n      :previewShape=\"previewShape\"\n      :enlarge=\"enlarge\"\n      :isCenterBox=\"isCenterBox\"\n      :isShowUpload=\"isShowUpload\"\n      :isShowSave=\"false\"\n      :alignLine=\"alignLine\"\n      :isPreviewAlignLine=\"isPreviewAlignLine\"\n      :fillColor=\"fillColor\"\n      @onImgLoad=\"onImgLoad\"\n    ></ClCropperBase>\n  </ClModal>\n  <ClCropperBase\n    v-else\n    ref=\"refElCropper\"\n    :className=\"className\"\n    :src=\"src\"\n    :width=\"width\"\n    :height=\"height\"\n    :isFixedAspectRatio=\"isFixedAspectRatio\"\n    :isPreview=\"isPreview\"\n    :previewShape=\"previewShape\"\n    :enlarge=\"enlarge\"\n    :isCenterBox=\"isCenterBox\"\n    :isShowUpload=\"isShowUpload\"\n    :isShowSave=\"isShowSave\"\n    :alignLine=\"alignLine\"\n    :isPreviewAlignLine=\"isPreviewAlignLine\"\n    :fillColor=\"fillColor\"\n    @onImgLoad=\"onImgLoad\"\n    @onImgSave=\"onImgSave\"\n  ></ClCropperBase>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref } from 'vue'\nimport ClCropperBase from './Base.vue'\nimport ClModal from '../Modal/Index.vue'\n\ndefineOptions({ name: 'ClCropper' })\n\nconst props = defineProps({\n  className: String,\n  src: {\n    type: String,\n    required: true\n  },\n  width: {\n    type: Number,\n    required: true\n  },\n  height: {\n    type: Number,\n    required: true\n  },\n  isFixedAspectRatio: {\n    type: Boolean,\n    default: true\n  },\n  isCenterBox: {\n    type: Boolean,\n    default: true\n  },\n  isPreview: {\n    type: Boolean,\n    default: true\n  },\n  previewShape: {\n    type: String,\n    default: 'square' // square | round\n  },\n  enlarge: {\n    type: Number,\n    default: 2\n  },\n  isModal: {\n    type: Boolean,\n    default: true\n  },\n  isShowUpload: {\n    type: Boolean,\n    default: true\n  },\n  isShowSave: {\n    type: Boolean,\n    default: false\n  },\n  fillColor: {\n    type: String,\n    default: 'transparent' // #FFFFFF\n  },\n  alignLine: {\n    type: String,\n    default: 'center' // center | nineGrid\n  },\n  isPreviewAlignLine: {\n    type: Boolean,\n    default: false\n  }\n})\n\nconst emit = defineEmits<{\n  (e: 'onSubmit', data: any): void\n  (e: 'onImgLoad', isSuccess: boolean): void\n}>()\n\nconst refElModal: any = ref(null)\nconst refElCropper: any = ref(null)\n\nconst _getOutImageBase64 = () => {\n  return refElCropper.value.getImageBase64().then((data: any) => data)\n}\n\nconst onSubmit = () => {\n  return _getOutImageBase64().then((data: any) => {\n    emit('onSubmit', data)\n    refElModal.value.hide()\n  })\n}\n\nconst onImgLoad = (isSuccess: boolean) => {\n  emit('onImgLoad', isSuccess)\n}\n\nconst onImgSave = () => {\n  return _getOutImageBase64().then((data: any) => {\n    emit('onSubmit', data)\n  })\n}\n\nconst getImageBase64 = () => {\n  return _getOutImageBase64()\n}\n\nconst show = () => {\n  if (refElModal.value && props.isModal) {\n    refElModal.value.show()\n  }\n}\n\ndefineExpose({\n  getImageBase64,\n  show\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","_hoisted_2","_createVNode","ClLoad","__props","props","emit","__emit","refElCropper","ref","refElFileLabel","ran","CommonBase","optBase","reactive","optCropper","optPreview","optAlignLine","computed","alignLine","clsParent","className","cls","c","clsPreview","previewShape","_setFixedNumber","width","height","fixedNumber","_setCropperImgSrc","src","newSrc","t","joinStr","_initMain","onMounted","nextTick","watch","newValue","onRealTime","imgData","onImgLoad","result","isSuccess","onChangeFileAgain","el","onClickFileLabel","onLarge","onSmall","onRotateLeft","onRotateRight","onReduction","onSave","__expose","resolve","cropperData","_unref","_mergeProps","_hoisted_3","_Fragment","_createBlock","ClLoadFullCenter","_hoisted_4","_hoisted_5","_hoisted_8","_normalizeStyle","_hoisted_10","refElModal","_getOutImageBase64","data","onSubmit","onImgSave","ClModal","ClCropperBase"],"mappings":"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"}

package/buildLibs/utils/Shared/Index.vue_vue_type_script_setup_true_lang-_Zu2nb2q.js

@@ -0,0 +1,593 @@
+import { defineComponent as le, inject as ce, ref as w, computed as K, watch as P, onMounted as re, openBlock as D, createElementBlock as I, createVNode as R, createCommentVNode as J, unref as H, createBlock as ne, normalizeStyle as ue, withCtx as Y, createElementVNode as C, normalizeClass as de, toDisplayString as Z, nextTick as M, reactive as ge, provide as me } from "vue";
+import { C as s } from "./base-PQGakkrl.js";
+import { _ as ve } from "./Index.vue_vue_type_script_setup_true_lang-CejRfZxl.js";
+import { _ as ye } from "./List.vue_vue_type_script_setup_true_lang-DzmylhZ6.js";
+import { RecycleScroller as we } from "vue-virtual-scroller";
+/* empty css                              */
+import { C as X } from "./index-BnerInzC.js";
+import { _ as De } from "./Index.vue_vue_type_script_setup_true_lang-B_jfFc6B.js";
+import { _ as ie } from "./One.vue_vue_type_script_setup_true_lang-BuNRS-9u.js";
+import { u as fe } from "./language-DxTlvFs2.js";
+import { _ as xe } from "./Index.vue_vue_type_script_setup_true_lang-C4rRquU-.js";
+const Se = { class: "select-inDropdown-container" }, Ce = {
+  key: 0,
+  class: "select-inDropdown-search"
+}, Te = {
+  key: 1,
+  class: "select-inDropdown-checkboxAll"
+}, Ie = ["onClick"], ke = { class: "select-inDropdown-item-inner" }, be = {
+  key: 0,
+  class: "select-inDropdown-checkbox"
+}, _e = ["innerHTML"], Ee = {
+  key: 3,
+  class: "select-inDropdown-body"
+}, Oe = { class: "select-inDropdown-empty" }, Le = /* @__PURE__ */ le({
+  name: "ClSelectInDropdown",
+  __name: "Dropdown",
+  props: {
+    isSearch: {
+      type: Boolean,
+      default: !1
+    },
+    searchPlaceholder: String,
+    searchKey: {
+      type: Array,
+      default: () => ["name"]
+    },
+    searchKeyType: {
+      type: String,
+      default: "||"
+    },
+    isMultiple: {
+      type: Boolean,
+      default: !1
+    },
+    isCheckBoxAll: {
+      type: Boolean,
+      default: !1
+    },
+    showDropDownTextFormat: String,
+    originalData: {
+      type: Array,
+      default: () => []
+    },
+    keyIndex: String,
+    isOpen: {
+      type: Boolean,
+      default: !1
+    },
+    selectId: {
+      type: Array,
+      default: () => []
+    },
+    serverCallback: Function
+  },
+  emits: ["onChange", "onInitComplete"],
+  setup(a, { expose: j, emit: k }) {
+    const t = a, g = k, { optPageLanguage: y, getPageLanguage: b } = fe();
+    b("common");
+    const x = ce("$SelectTop"), S = w(null), c = w(null);
+    let p = !0;
+    const d = { isScrollLoadIng: !1 }, m = `select-inList-${t.keyIndex}`, r = w(""), u = w([]), _ = w([]);
+    let U = {};
+    const ee = K(() => {
+      let o = !1;
+      return _.value.length > 0 && t.selectId.length >= _.value.length && (o = s.isContainArr(t.selectId, _.value)), o;
+    }), te = (o) => s.isEmpty(t.showDropDownTextFormat) ? o.name : s.convertStringFormat(t.showDropDownTextFormat, o), E = (o) => {
+      const n = U[o] || {};
+      return s.isBoolean(n._isTypeRadio) ? n._isTypeRadio : !1;
+    }, A = () => {
+      const o = [];
+      U = s.getJsonByList(u.value), u.value.forEach((n) => {
+        if (s.isObject(n)) {
+          const l = n.id.toString();
+          E(l) || (n.isDisabled ? s.isExistValue(t.selectId, l) && o.push(l) : o.push(l));
+        } else
+          o.push(n);
+      }), _.value = o;
+    }, W = () => {
+      p && (p = !1, u.value = s.getListClone(t.originalData), A(), oe(), M(() => {
+        S.value && S.value.setValue("");
+      }));
+    }, oe = () => {
+      M(() => {
+        if (c.value && t.selectId.length > 0) {
+          const o = u.value.findIndex(
+            (n) => s.isExistValue(t.selectId, n.id.toString())
+          );
+          o > -1 && c.value.scrollToItem(o);
+        }
+      });
+    }, N = (o) => {
+      const n = [];
+      return t.isMultiple ? E(o) ? s.isExistValue(t.selectId, o) || n.push(o) : (t.selectId.forEach((l) => {
+        l !== o && !E(l) && n.push(l);
+      }), s.isExistValue(t.selectId, o) || n.push(o)) : n.push(o), n;
+    }, O = (o) => {
+      const n = u.value;
+      let l = -1;
+      if (n.length > 0) {
+        const h = r.value;
+        h.length > 0 ? (n.forEach((T, f) => {
+          T.id.toString() === h && (l = f);
+        }), l += o, l < 0 ? l = 0 : l >= n.length && (l = n.length - 1)) : l = 0;
+      }
+      r.value = n[l].id.toString(), c.value && c.value.scrollToItem(l);
+    }, L = (o) => {
+      let n = o.keyCode;
+      if (!s.isUndefined(n))
+        switch (n = n.toString(), n) {
+          case "13":
+            o.preventDefault(), o.stopPropagation();
+            break;
+          case "38":
+            o.preventDefault(), o.stopPropagation(), O(-1);
+            break;
+          case "40":
+            o.preventDefault(), o.stopPropagation(), O(1);
+            break;
+        }
+    }, B = (o) => {
+      let n = o.keyCode;
+      if (!s.isUndefined(n))
+        switch (n = n.toString(), n) {
+          case "27":
+            break;
+          case "13":
+            const l = r.value, h = N(l);
+            g("onChange", h);
+            break;
+        }
+    }, $ = async () => {
+      if (!d.isScrollLoadIng) {
+        if (d.isScrollLoadIng = !0, t.serverCallback) {
+          const o = { offset: u.value.length };
+          if (t.isSearch && S.value) {
+            const l = S.value.getValue();
+            s.isEmpty(l) || (o.search = l);
+          }
+          const n = await t.serverCallback(o);
+          u.value.push(...n), A(), x.convertListToJson(n);
+        }
+        d.isScrollLoadIng = !1;
+      }
+    }, V = () => {
+      W(), g("onInitComplete");
+    };
+    P(
+      () => t.isOpen,
+      (o) => {
+        o && W();
+      }
+    ), P(
+      () => t.originalData,
+      (o) => {
+        p = !0, u.value = s.getListClone(o), A();
+      }
+    ), re(() => {
+      V();
+    });
+    const q = async (o) => {
+      let n = [];
+      if (t.serverCallback)
+        n = await t.serverCallback({ search: o, offset: 0 }), x.convertListToJson(n);
+      else if (s.isEmpty(o))
+        n = t.originalData;
+      else {
+        const l = o.toLowerCase(), h = t.searchKey.length, T = t.searchKey;
+        t.originalData.forEach((f) => {
+          const F = [];
+          for (let Q = 0; Q < h; Q++)
+            f[T[Q]].toLowerCase().indexOf(l) > -1 && F.push(!0);
+          if (F.length > 0)
+            switch (t.searchKeyType) {
+              case "||":
+                n.push(f);
+                break;
+              case "&&":
+                F.length === h && n.push(f);
+                break;
+            }
+        });
+      }
+      u.value = n, A(), r.value = "", x.calculationDropdownPosition();
+    }, z = (o) => {
+      if (t.isMultiple) {
+        const n = [], l = [];
+        _.value.forEach((f) => {
+          o.value ? s.isExistValue(t.selectId, f) || n.push(f) : s.isExistValue(t.selectId, f) && l.push(f);
+        });
+        const h = s.getArrClone(t.selectId);
+        l.length > 0 && l.forEach((f) => {
+          h.splice(h.indexOf(f), 1);
+        }), n.length > 0 && h.push(...n);
+        const T = [];
+        h.forEach((f) => {
+          E(f) || T.push(f);
+        }), g("onChange", T);
+      }
+    }, G = (o) => {
+      if (!o.isDisabled) {
+        const n = o.id.toString(), l = N(n);
+        g("onChange", l);
+      }
+    };
+    return j({
+      initOpenShow: (o) => {
+        o ? (X.onListener(window, "keydown", L), X.onListener(window, "keyup", B)) : (X.offListener(window, "keydown", L), X.offListener(window, "keyup", B));
+      }
+    }), (o, n) => (D(), I("div", Se, [
+      a.isSearch ? (D(), I("div", Ce, [
+        R(De, {
+          ref_key: "refElSearch",
+          ref: S,
+          onOnChange: q
+        }, null, 512)
+      ])) : J("", !0),
+      a.isMultiple && a.isCheckBoxAll && u.value.length > 0 ? (D(), I("div", Te, [
+        R(ie, {
+          forId: `${m}-cb-all`,
+          label: H(y).checkboxAll,
+          value: ee.value,
+          onOnChange: z
+        }, null, 8, ["forId", "label", "value"])
+      ])) : J("", !0),
+      u.value.length > 0 ? (D(), ne(H(we), {
+        key: 2,
+        class: "select-inDropdown-body select-inDropdown-scroller",
+        style: ue({ height: Math.min(u.value.length * 35, 210) + "px" }),
+        items: u.value,
+        "item-size": 35,
+        "key-field": "id",
+        ref_key: "refElScroller",
+        ref: c,
+        onScrollEnd: $
+      }, {
+        default: Y(({ item: l }) => [
+          C("div", {
+            class: de({
+              "option-selected": a.selectId.indexOf(l.id.toString()) > -1,
+              "option-disabled": l.isDisabled,
+              "option-hoverKeydown": r.value === l.id.toString()
+            }),
+            style: { height: "35px" },
+            onClick: (h) => G(l)
+          }, [
+            C("div", ke, [
+              a.isMultiple ? (D(), I("div", be, [
+                R(ie, {
+                  name: `${m}-cb`,
+                  forId: `${m}-cb-${l.id}`,
+                  value: a.selectId.indexOf(l.id.toString()) > -1,
+                  isDisabled: l.isDisabled
+                }, null, 8, ["name", "forId", "value", "isDisabled"])
+              ])) : J("", !0),
+              C("div", {
+                class: "select-inDropdown-title",
+                innerHTML: te(l)
+              }, null, 8, _e)
+            ])
+          ], 10, Ie)
+        ]),
+        _: 1
+      }, 8, ["style", "items"])) : (D(), I("div", Ee, [
+        C("div", Oe, Z(H(y).noResultsText), 1)
+      ]))
+    ]));
+  }
+}), Ae = { class: "select-inTag-container" }, Be = { class: "select-inTag-title" }, $e = { class: "select-inTag-operate" }, Ve = ["title"], Fe = { class: "select-inTag-body" }, Ke = /* @__PURE__ */ le({
+  name: "ClSelectInTags",
+  __name: "Tags",
+  props: {
+    showTextFormat: String,
+    selectId: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["onRemove"],
+  setup(a, { emit: j }) {
+    const k = a, t = j, { optPageLanguage: g, getPageLanguage: y } = fe();
+    y("common");
+    const b = ce("$SelectTop"), x = K(() => b.getSelectData(k.selectId)), S = () => {
+      const p = [];
+      x.value.forEach((d) => {
+        d.isDisabled && p.push(d.id.toString());
+      }), t("onRemove", p);
+    }, c = (p) => {
+      const d = s.getArrClone(k.selectId);
+      d.splice(k.selectId.indexOf(p), 1), t("onRemove", d);
+    };
+    return (p, d) => (D(), I("div", Ae, [
+      C("div", Be, [
+        C("span", null, Z(H(g).selected) + " " + Z(a.selectId.length) + " " + Z(H(g).count), 1),
+        C("span", $e, [
+          C("i", {
+            class: "clIconFont clIcon-remove select-inTag-deleteAll",
+            title: H(g).deleteAll,
+            onClick: S
+          }, null, 8, Ve)
+        ])
+      ]),
+      C("div", Fe, [
+        R(xe, {
+          showTextFormat: a.showTextFormat,
+          list: x.value,
+          onOnRemove: c
+        }, null, 8, ["showTextFormat", "list"])
+      ])
+    ]));
+  }
+}), Pe = {
+  key: 0,
+  class: "select-inText-num"
+}, Ye = /* @__PURE__ */ le({
+  name: "ClSelect",
+  __name: "Index",
+  props: {
+    value: [String, Number],
+    list: {
+      type: Array,
+      default: () => []
+    },
+    className: String,
+    placeholder: String,
+    classDropDown: String,
+    theme: {
+      type: String,
+      default: "default"
+      // default | noBorder
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    multiple: {
+      type: Boolean,
+      default: !1
+    },
+    isClear: {
+      type: Boolean,
+      default: !1
+    },
+    isSearch: {
+      type: Boolean,
+      default: !1
+    },
+    isCheckBoxAll: {
+      type: Boolean,
+      default: !0
+    },
+    isShowTag: {
+      type: Boolean,
+      default: !0
+    },
+    arrowDirection: {
+      type: String,
+      default: "right"
+      // left|right
+    },
+    searchPlaceholder: String,
+    searchKey: {
+      type: Array,
+      default: () => ["name"]
+    },
+    searchKeyType: {
+      type: String,
+      default: "||"
+    },
+    showTextFormat: String,
+    showDropDownTextFormat: String,
+    multipleRealTimeChange: {
+      type: Boolean,
+      default: !1
+    },
+    onOpenBefore: Function,
+    serverCallback: Function
+  },
+  emits: ["update:value", "onChange", "onInit", "onOpen"],
+  setup(a, { expose: j, emit: k }) {
+    const t = a, g = k, y = w(null), b = w(null), x = w(null), S = `ddl-${s.getRandom(8)}`, c = ge({
+      isOpen: !1,
+      isInitFirstOpen: !1,
+      dropDownPos: "down",
+      dropDownTop: "",
+      tagHeight: "",
+      tagLeft: "",
+      tagDirection: "right"
+    });
+    let p = [], d = {};
+    const m = w(!1), r = w([]), u = w([]), _ = K(() => {
+      let e = t.arrowDirection;
+      return t.theme === "noBorder" && (e = e.length === 0 ? "left" : e), e;
+    }), U = K(() => {
+      const e = ["panel-select", "box-width"];
+      t.theme === "noBorder" && e.push("select-theme-noBorder");
+      let i = e.join(" ");
+      return s.isEmpty(t.className) || (i += " " + t.className), i;
+    }), ee = K(() => {
+      const e = ["select-inDropdown"];
+      return c.isOpen && t.multiple && t.isShowTag && (e.push("select-inTag-ext"), e.push(`select-inTag-${c.tagDirection}`)), t.classDropDown && !s.isEmpty(t.classDropDown) && e.push(t.classDropDown), e.join(" ");
+    }), te = K(() => {
+      const e = {
+        "select-inTag": !0,
+        "select-inTag-open": c.isOpen
+      };
+      return e[`select-inTag-${c.dropDownPos}`] = !0, e[`select-inTag-${c.tagDirection}`] = !0, e;
+    }), E = (e) => {
+      g("update:value", e);
+    }, A = (e, i) => {
+      E(e), g("onChange", e, i);
+    }, W = () => {
+      M(() => {
+        g("onInit");
+      });
+    }, oe = (e) => {
+      M(() => {
+        g("onOpen", e);
+      });
+    }, N = () => {
+      const e = [];
+      return r.value.forEach((i) => {
+        s.isExistJsonKey(d, i) && e.push(i);
+      }), e;
+    }, O = (e) => {
+      const i = s.isEmpty(e) ? {} : s.getJsonByList(e);
+      d = s.getJsonMerge(d, i);
+    }, L = () => {
+      if (m.value && !s.isEmpty(r.value)) {
+        const e = N();
+        s.isEqualArr(r.value, e) || (r.value = e, E(e.join(",")));
+      }
+    }, B = (e) => {
+      const i = s.isEmpty(e) ? [] : e.toString().split(",");
+      let v = s.isEqualArr(r.value, i);
+      v && (v = e === r.value.join(",")), v || (p = i, r.value = i);
+    }, $ = (e) => s.isExistJsonKey(d, e) ? s.getJsonClone(d[e]) : {}, V = () => {
+      const e = [];
+      return r.value.forEach((i) => {
+        const v = $(i);
+        s.isEmpty(v) || e.push(v);
+      }), e;
+    }, q = () => {
+      p = r.value;
+      const e = r.value.join(","), i = t.multiple ? V() : $(e);
+      A(e, i);
+    }, z = () => {
+      c.isOpen || !s.isEqualArr(r.value, p) && q();
+    }, G = () => {
+      m.value || (m.value = !0, O(t.list), B(t.value), L(), W());
+    }, se = () => {
+      !m.value && t.list.length > 0 && G();
+    };
+    P(m, (e) => {
+      e && W();
+    }), P(
+      () => t.list,
+      (e) => {
+        m.value || (m.value = !0, e.length === 0 && L());
+      }
+    ), P(
+      [() => t.value, () => t.list],
+      ([e, i]) => {
+        const v = i;
+        !m.value && v.length > 0 && (m.value = !0), O(v), s.isUndefined(e) || B(e), L();
+      }
+    ), P(
+      [r, () => t.list],
+      ([e, i]) => {
+        i.length > 0 && s.isEmpty(d) && O(i);
+        const pe = V().map((ae) => s.isEmpty(t.showTextFormat) ? ae.name : s.convertStringFormat(t.showTextFormat, ae));
+        u.value = pe;
+      }
+    ), re(() => {
+      M(() => {
+        se();
+      });
+    }), me("$SelectTop", {
+      getSelectData: V,
+      getSelectValueInfo: $,
+      calculationDropdownPosition: () => {
+        y.value.calculationPosition();
+      },
+      convertListToJson: O
+    });
+    const o = (e) => {
+      t.disabled || (c.isOpen = e, e ? p = r.value : z(), M(() => {
+        b.value && b.value.initOpenShow(e);
+      }), oe(e));
+    }, n = () => {
+      t.disabled || (r.value = [], z());
+    }, l = (e) => {
+      if (c.dropDownPos = e.use.dropDownPos, c.dropDownTop = `${e.use.dropDownTop}px`, t.multiple && t.isShowTag) {
+        const i = x.value.offsetWidth;
+        c.tagHeight = t.theme === "default" ? `${e.original.dropDownHeight + 1}px` : `${e.original.dropDownHeight}px`;
+        const v = e.original.winWidth - (e.original.controlOffset.left + e.original.dropDownWidth) >= i ? "right" : "left";
+        c.tagDirection = v, v === "right" ? c.tagLeft = `${e.original.dropDownWidth - 1}px` : c.tagLeft = `${(e.original.dropDownWidth - e.original.textWidth + i + 1) * -1}px`;
+      }
+    }, h = (e) => {
+      r.value = e, t.multiple ? t.multipleRealTimeChange && q() : (y.value.setOpen(!1), o(!1));
+    }, T = (e) => {
+      r.value = e;
+    }, f = () => {
+      y.value && (y.value.checkCurrentIsOpen() || y.value.initCompleteOpen());
+    }, F = () => N().join(",");
+    return j({
+      getValue: F,
+      getValueData: () => {
+        const e = F();
+        return t.multiple ? V() : $(e);
+      },
+      setValue: (e) => {
+        B(e), L();
+      },
+      runInitComplete: () => {
+        G();
+      }
+    }), (e, i) => (D(), ne(ye, {
+      ref_key: "refElDropdownLayer",
+      ref: y,
+      classParent: U.value,
+      classText: "select-inText",
+      classDropDown: ee.value,
+      placeholder: a.placeholder,
+      isDisabled: a.disabled,
+      isClear: a.isClear,
+      textLabel: u.value.join(","),
+      textArrowDirection: _.value,
+      onOpenBeforeCallback: a.onOpenBefore,
+      onOnChangeOpen: o,
+      onOnClear: n,
+      onOnChangePosition: l
+    }, {
+      textExtend: Y(() => [
+        a.multiple ? (D(), I("span", Pe, [
+          a.multiple && u.value.length > 1 ? (D(), ne(ve, {
+            key: 0,
+            num: u.value.length
+          }, null, 8, ["num"])) : J("", !0)
+        ])) : J("", !0)
+      ]),
+      dropdown: Y(() => [
+        R(Le, {
+          ref_key: "refElList",
+          ref: b,
+          isSearch: a.isSearch,
+          searchPlaceholder: a.searchPlaceholder,
+          searchKey: a.searchKey,
+          searchKeyType: a.searchKeyType,
+          isMultiple: a.multiple,
+          isCheckBoxAll: a.isCheckBoxAll,
+          showDropDownTextFormat: a.showDropDownTextFormat,
+          originalData: a.list,
+          keyIndex: S,
+          selectId: r.value,
+          isOpen: c.isOpen,
+          serverCallback: a.serverCallback,
+          onOnChange: h,
+          onOnInitComplete: f
+        }, null, 8, ["isSearch", "searchPlaceholder", "searchKey", "searchKeyType", "isMultiple", "isCheckBoxAll", "showDropDownTextFormat", "originalData", "selectId", "isOpen", "serverCallback"])
+      ]),
+      dropdownExtend: Y(() => [
+        a.multiple && a.isShowTag ? (D(), I("div", {
+          key: 0,
+          class: de(te.value),
+          style: ue({ height: c.tagHeight, left: c.tagLeft }),
+          ref_key: "refElTags",
+          ref: x
+        }, [
+          R(Ke, {
+            showTextFormat: a.showTextFormat,
+            selectId: r.value,
+            onOnRemove: T
+          }, null, 8, ["showTextFormat", "selectId"])
+        ], 6)) : J("", !0)
+      ]),
+      _: 1
+    }, 8, ["classParent", "classDropDown", "placeholder", "isDisabled", "isClear", "textLabel", "textArrowDirection", "onOpenBeforeCallback"]));
+  }
+});
+export {
+  Ye as _
+};
+//# sourceMappingURL=Index.vue_vue_type_script_setup_true_lang-_Zu2nb2q.js.map