@cldemo/ui-kit 1.0.9 → 1.0.11

package/buildLibs/utils/Shared/{Index.vue_vue_type_script_setup_true_lang-C8HQVerr.js → Index.vue_vue_type_script_setup_true_lang-r6RBdV4y.js}

@@ -1,2 +1,2 @@
-"use strict";const e=require("vue"),i=require("./base-C2QOJBgB.js"),v=require("./index-DAgtltwJ.js"),y=require("./Index.vue_vue_type_script_setup_true_lang-g88DiQYZ.js"),w=require("./Index.vue_vue_type_script_setup_true_lang-DtZgYjSl.js"),L=require("./Index.vue_vue_type_script_setup_true_lang-Dvy5B6_y.js"),M=["id"],P={class:"previewExample-image-icon"},q={class:"previewExample-video-img previewExample-image"},J=["onClick"],W={key:3,class:"previewExample-label-msg"},K={key:5,class:"previewExample-totalCount"},U=e.defineComponent({name:"ClPreviewExample",__name:"Index",props:{id:String,className:String,classContainer:String,classItem:String,type:{type:String,default:"image",validator:n=>["image","video"].includes(n)},width:{type:[Number,String],default:"auto"},height:{type:Number,required:!0},isWidthFull:{type:Boolean,default:!0},list:{type:Array,default:()=>[]},label:String,previewIconSize:{type:String,default:"large"},isShowLoading:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!1},isShowDelete:{type:Boolean,default:!1},showNum:{type:Number,default:-1},srcValueKey:{type:String,default:"value"},isShowCopy:{type:Boolean,default:!0},isClickImagePreview:{type:Boolean,default:!1},previewCallback:Function},emits:["onDelete"],setup(n,{emit:C}){const o=n,B=C,u=e.inject("$ClGlobals",null),E=`previewexample-${i.CommonBase.getRandom(5)}`,f=o.id,d=e.reactive({totalCount:-1}),p=e.ref([]),S=e.computed(()=>{const{width:t}=o;let l=!1;return(i.CommonBase.isEmpty(t)||typeof t=="string"&&t==="auto"||typeof t=="number"&&t<=0)&&(l=!0),l}),_=e.computed(()=>{let t={"panel-previewexample":!0,"previewExample-width-default":o.isWidthFull,"previewExample-width-auto":!o.isWidthFull};return t=i.CommonBase.getJsonMerge(t,v.CommonElement.getClassNameJson(o.className)),t}),N=e.computed(()=>{let t={"previewExample-container":!0};return t=i.CommonBase.getJsonMerge(t,v.CommonElement.getClassNameJson(o.classContainer)),t}),b=e.computed(()=>{const{type:t,previewIconSize:l}=o;let a={"previewExample-item":!0};return a[`previewExample-${t}`]=!0,a[`previewExample-iconSize-${l}`]=!0,a=i.CommonBase.getJsonMerge(a,v.CommonElement.getClassNameJson(o.classItem)),a}),k=e.computed(()=>{const t={height:`${o.height}px`};if(!S.value){let l=o.width.toString();l.indexOf("%")===-1&&(l=`${o.width}px`),t.width=l}return t}),x=t=>{B("onDelete",t)},h=()=>{const{list:t,showNum:l,srcValueKey:a}=o;let s=i.CommonBase.getListClone(t),r=t.length;l>0&&t.length>=l&&(r=l);const c=[];s.forEach((m,z)=>{if(!i.CommonBase.isEmpty(m)&&z+1<=r)if(i.CommonBase.isString(m))c.push({value:m});else{const D=i.CommonBase.isExistJsonKey(m,a)?m[a]:m.value;c.push({...m,value:D})}}),s=c,d.totalCount=t.length,p.value=s},I=()=>{h()},$=t=>{const l={};return i.CommonBase.isEmpty(t.id)||(l["data-id"]=t.id),i.CommonBase.isEmpty(t.ranId)||(l["data-ran-id"]=t.ranId),l};e.onMounted(()=>{e.nextTick(()=>{I()})}),e.watch(()=>o.list,()=>{h()},{deep:!0});const F=(t,l)=>{o.isClickImagePreview&&g(t,l,"image")},g=(t,l,a)=>{try{if(o.previewCallback)o.previewCallback(a,t,l);else{if(!u||i.CommonBase.isEmpty(u.preview))return;const{list:s}=o;let r;s.length===1?r=t.value:r=s.map(c=>i.CommonBase.isString(c)?c:c.value),u.preview.show({type:a,src:r,showIndex:l,isShowCopy:o.isShowCopy})}}catch{}},V=t=>{x(t)};return(t,l)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(f),class:e.normalizeClass(_.value)},[e.createElementVNode("div",{class:e.normalizeClass(N.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(a,s)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:`${E}-${s}`,class:b.value,style:k.value},{ref_for:!0},$(a)),[n.type==="image"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(w._sfc_main,{src:a.value,class:e.normalizeClass({"cursor-pointer":n.isClickImagePreview}),onClick:e.withModifiers(r=>F(a,s),["stop"])},null,8,["src","class","onClick"]),e.createElementVNode("div",P,[e.createVNode(y._sfc_main,{title:"预览",name:"search","aria-label":"预览",onClick:e.withModifiers(r=>g(a,s,"image"),["stop"])},null,8,["onClick"]),n.isShowDelete?(e.openBlock(),e.createBlock(y._sfc_main,{key:0,title:"删除",name:"close","aria-label":"删除",onClick:e.withModifiers(r=>V(s),["stop"])},null,8,["onClick"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))])],64)):n.type==="video"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",q,[a.imgUrl&&a.imgUrl.length>0?(e.openBlock(),e.createBlock(w._sfc_main,{key:0,src:a.imgUrl},null,8,["src"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:"previewExample-video-icon",onClick:e.withModifiers(r=>g(a,s,"video"),["stop"])},[e.createVNode(y._sfc_main,{name:"play","aria-label":"播放"})],8,J)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[],64)),n.label&&n.label.length>0||a.label&&a.label.length>0?(e.openBlock(),e.createElementBlock("div",W,e.toDisplayString(n.label&&n.label.length>0?n.label:a.label),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[],64)),n.showNum>-1&&s===p.value.length-1&&d.totalCount>n.showNum?(e.openBlock(),e.createElementBlock("div",K,[e.createElementVNode("span",null,"共"+e.toDisplayString(d.totalCount)+e.toDisplayString(n.type==="image"?"张":"个"),1)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:6},[],64)),e.renderSlot(t.$slots,"extend",{data:a,inx:s})],16))),128)),n.isShowLoading&&n.isLoading?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([`previewExample-${n.type}`]),style:e.normalizeStyle(k.value)},[e.createVNode(L._sfc_main,{theme:"circleNotch",size:"large"})],6)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],2)],10,M))}});exports._sfc_main=U;
-//# sourceMappingURL=Index.vue_vue_type_script_setup_true_lang-C8HQVerr.js.map
+"use strict";const e=require("vue"),i=require("./base-C2QOJBgB.js"),v=require("./index-DAgtltwJ.js"),y=require("./Index.vue_vue_type_script_setup_true_lang-g88DiQYZ.js"),w=require("./Index.vue_vue_type_script_setup_true_lang-CumTbPny.js"),L=require("./Index.vue_vue_type_script_setup_true_lang-Dvy5B6_y.js"),M=["id"],P={class:"previewExample-image-icon"},q={class:"previewExample-video-img previewExample-image"},J=["onClick"],W={key:3,class:"previewExample-label-msg"},K={key:5,class:"previewExample-totalCount"},U=e.defineComponent({name:"ClPreviewExample",__name:"Index",props:{id:String,className:String,classContainer:String,classItem:String,type:{type:String,default:"image",validator:n=>["image","video"].includes(n)},width:{type:[Number,String],default:"auto"},height:{type:Number,required:!0},isWidthFull:{type:Boolean,default:!0},list:{type:Array,default:()=>[]},label:String,previewIconSize:{type:String,default:"large"},isShowLoading:{type:Boolean,default:!1},isLoading:{type:Boolean,default:!1},isShowDelete:{type:Boolean,default:!1},showNum:{type:Number,default:-1},srcValueKey:{type:String,default:"value"},isShowCopy:{type:Boolean,default:!0},isClickImagePreview:{type:Boolean,default:!1},previewCallback:Function},emits:["onDelete"],setup(n,{emit:C}){const o=n,B=C,u=e.inject("$ClGlobals",null),E=`previewexample-${i.CommonBase.getRandom(5)}`,f=o.id,d=e.reactive({totalCount:-1}),p=e.ref([]),S=e.computed(()=>{const{width:t}=o;let l=!1;return(i.CommonBase.isEmpty(t)||typeof t=="string"&&t==="auto"||typeof t=="number"&&t<=0)&&(l=!0),l}),_=e.computed(()=>{let t={"panel-previewexample":!0,"previewExample-width-default":o.isWidthFull,"previewExample-width-auto":!o.isWidthFull};return t=i.CommonBase.getJsonMerge(t,v.CommonElement.getClassNameJson(o.className)),t}),N=e.computed(()=>{let t={"previewExample-container":!0};return t=i.CommonBase.getJsonMerge(t,v.CommonElement.getClassNameJson(o.classContainer)),t}),b=e.computed(()=>{const{type:t,previewIconSize:l}=o;let a={"previewExample-item":!0};return a[`previewExample-${t}`]=!0,a[`previewExample-iconSize-${l}`]=!0,a=i.CommonBase.getJsonMerge(a,v.CommonElement.getClassNameJson(o.classItem)),a}),k=e.computed(()=>{const t={height:`${o.height}px`};if(!S.value){let l=o.width.toString();l.indexOf("%")===-1&&(l=`${o.width}px`),t.width=l}return t}),x=t=>{B("onDelete",t)},h=()=>{const{list:t,showNum:l,srcValueKey:a}=o;let s=i.CommonBase.getListClone(t),r=t.length;l>0&&t.length>=l&&(r=l);const c=[];s.forEach((m,z)=>{if(!i.CommonBase.isEmpty(m)&&z+1<=r)if(i.CommonBase.isString(m))c.push({value:m});else{const D=i.CommonBase.isExistJsonKey(m,a)?m[a]:m.value;c.push({...m,value:D})}}),s=c,d.totalCount=t.length,p.value=s},I=()=>{h()},$=t=>{const l={};return i.CommonBase.isEmpty(t.id)||(l["data-id"]=t.id),i.CommonBase.isEmpty(t.ranId)||(l["data-ran-id"]=t.ranId),l};e.onMounted(()=>{e.nextTick(()=>{I()})}),e.watch(()=>o.list,()=>{h()},{deep:!0});const F=(t,l)=>{o.isClickImagePreview&&g(t,l,"image")},g=(t,l,a)=>{try{if(o.previewCallback)o.previewCallback(a,t,l);else{if(!u||i.CommonBase.isEmpty(u.preview))return;const{list:s}=o;let r;s.length===1?r=t.value:r=s.map(c=>i.CommonBase.isString(c)?c:c.value),u.preview.show({type:a,src:r,showIndex:l,isShowCopy:o.isShowCopy})}}catch{}},V=t=>{x(t)};return(t,l)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(f),class:e.normalizeClass(_.value)},[e.createElementVNode("div",{class:e.normalizeClass(N.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(p.value,(a,s)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({key:`${E}-${s}`,class:b.value,style:k.value},{ref_for:!0},$(a)),[n.type==="image"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(w._sfc_main,{src:a.value,class:e.normalizeClass({"cursor-pointer":n.isClickImagePreview}),onClick:e.withModifiers(r=>F(a,s),["stop"])},null,8,["src","class","onClick"]),e.createElementVNode("div",P,[e.createVNode(y._sfc_main,{title:"预览",name:"search","aria-label":"预览",onClick:e.withModifiers(r=>g(a,s,"image"),["stop"])},null,8,["onClick"]),n.isShowDelete?(e.openBlock(),e.createBlock(y._sfc_main,{key:0,title:"删除",name:"close","aria-label":"删除",onClick:e.withModifiers(r=>V(s),["stop"])},null,8,["onClick"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))])],64)):n.type==="video"?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",q,[a.imgUrl&&a.imgUrl.length>0?(e.openBlock(),e.createBlock(w._sfc_main,{key:0,src:a.imgUrl},null,8,["src"])):e.createCommentVNode("",!0)]),e.createElementVNode("div",{class:"previewExample-video-icon",onClick:e.withModifiers(r=>g(a,s,"video"),["stop"])},[e.createVNode(y._sfc_main,{name:"play","aria-label":"播放"})],8,J)],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[],64)),n.label&&n.label.length>0||a.label&&a.label.length>0?(e.openBlock(),e.createElementBlock("div",W,e.toDisplayString(n.label&&n.label.length>0?n.label:a.label),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:4},[],64)),n.showNum>-1&&s===p.value.length-1&&d.totalCount>n.showNum?(e.openBlock(),e.createElementBlock("div",K,[e.createElementVNode("span",null,"共"+e.toDisplayString(d.totalCount)+e.toDisplayString(n.type==="image"?"张":"个"),1)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:6},[],64)),e.renderSlot(t.$slots,"extend",{data:a,inx:s})],16))),128)),n.isShowLoading&&n.isLoading?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([`previewExample-${n.type}`]),style:e.normalizeStyle(k.value)},[e.createVNode(L._sfc_main,{theme:"circleNotch",size:"large"})],6)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],2)],10,M))}});exports._sfc_main=U;
+//# sourceMappingURL=Index.vue_vue_type_script_setup_true_lang-r6RBdV4y.js.map

package/buildLibs/utils/Shared/{Index.vue_vue_type_script_setup_true_lang-C8HQVerr.js.map → Index.vue_vue_type_script_setup_true_lang-r6RBdV4y.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Index.vue_vue_type_script_setup_true_lang-C8HQVerr.js","sources":["../../../src/libs/Web/PreviewExample/Index.vue"],"sourcesContent":["<template>\n  <div\n    :id=\"elId\"\n    :class=\"clsParent\"\n  >\n    <div :class=\"clsContainer\">\n      <div\n        v-for=\"(info, inx) in optList\"\n        :key=\"`${_keyIndex}-${inx}`\"\n        :class=\"clsItem\"\n        :style=\"styWH\"\n        v-bind=\"attrItemFun(info)\"\n      >\n        <template v-if=\"type === 'image'\">\n          <cl-image\n            :src=\"info.value\"\n            :class=\"{ 'cursor-pointer': isClickImagePreview }\"\n            @click.stop=\"onClickImage(info, inx)\"\n          />\n          <div class=\"previewExample-image-icon\">\n            <cl-icon-font\n              title=\"预览\"\n              name=\"search\"\n              aria-label=\"预览\"\n              @click.stop=\"onPreview(info, inx, 'image')\"\n            />\n            <cl-icon-font\n              v-if=\"isShowDelete\"\n              title=\"删除\"\n              name=\"close\"\n              aria-label=\"删除\"\n              @click.stop=\"onDelete(inx)\"\n            />\n            <template v-else></template>\n          </div>\n        </template>\n        <template v-else-if=\"type === 'video'\">\n          <div class=\"previewExample-video-img previewExample-image\">\n            <cl-image\n              v-if=\"info.imgUrl && info.imgUrl.length > 0\"\n              :src=\"info.imgUrl\"\n            />\n          </div>\n          <div\n            class=\"previewExample-video-icon\"\n            @click.stop=\"onPreview(info, inx, 'video')\"\n          >\n            <cl-icon-font\n              name=\"play\"\n              aria-label=\"播放\"\n            />\n          </div>\n        </template>\n        <template v-else></template>\n        <div\n          v-if=\"(label && label.length > 0) || (info.label && info.label.length > 0)\"\n          class=\"previewExample-label-msg\"\n        >\n          {{ label && label.length > 0 ? label : info.label }}\n        </div>\n        <template v-else></template>\n        <div\n          v-if=\"showNum > -1 && inx === optList.length - 1 && optPageBase.totalCount > showNum\"\n          class=\"previewExample-totalCount\"\n        >\n          <span>共{{ optPageBase.totalCount }}{{ type === 'image' ? '张' : '个' }}</span>\n        </div>\n        <template v-else></template>\n        <slot\n          name=\"extend\"\n          :data=\"info\"\n          :inx=\"inx\"\n        />\n      </div>\n      <div\n        v-if=\"isShowLoading && isLoading\"\n        :class=\"[`previewExample-${type}`]\"\n        :style=\"styWH\"\n      >\n        <cl-load\n          theme=\"circleNotch\"\n          size=\"large\"\n        />\n      </div>\n      <template v-else></template>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { inject, watch, onMounted, nextTick, computed, reactive, ref } from 'vue';\nimport CommonBase from '../../Common/base';\nimport CommonElement from '../../Common/Element/index';\nimport ClIconFont from '../../Element/IconFont/Index.vue';\nimport ClImage from '../../Element/Image/Index.vue';\nimport ClLoad from '../../Element/Load/Index.vue';\nimport './index.css';\n\nexport interface ListInfo {\n  value: string;\n  imgUrl?: string;\n  label?: string;\n  id?: string;\n  ranId?: string;\n}\n\ninterface ClGlobals {\n  preview: {\n    show: (opts: {\n      type: string;\n      src: string | string[];\n      showIndex: number;\n      isShowCopy: boolean;\n    }) => void;\n  };\n}\n\ndefineOptions({ name: 'ClPreviewExample' });\n\nconst props = defineProps({\n  id: String, // desc: 元素唯一标识\n  className: String, // desc: 自定义 CSS 类名\n  classContainer: String, // desc: 容器自定义 CSS 类名\n  classItem: String, // desc: 单项自定义 CSS 类名\n  type: {\n    type: String,\n    default: 'image', // desc: 预览类型 | enum: image, video\n    validator: (v: string) => ['image', 'video'].includes(v),\n  },\n  width: {\n    type: [Number, String],\n    default: 'auto', // desc: 预览区域宽度\n  },\n  height: {\n    type: Number,\n    required: true, // desc: 预览区域高度（必填）\n  },\n  isWidthFull: {\n    type: Boolean,\n    default: true, // desc: 宽度是否铺满 | enum: true, false\n  },\n  list: {\n    type: Array as () => ListInfo[],\n    default: () => [], // desc: 预览数据列表\n  },\n  label: String, // desc: 标签文本\n  previewIconSize: {\n    type: String,\n    default: 'large', // desc: 预览图标尺寸 | enum: large, small (可自定义)\n  },\n  isShowLoading: {\n    type: Boolean,\n    default: false, // desc: 是否显示加载状态\n  },\n  isLoading: {\n    type: Boolean,\n    default: false, // desc: 是否加载中\n  },\n  isShowDelete: {\n    type: Boolean,\n    default: false, // desc: 是否显示删除按钮\n  },\n  showNum: {\n    type: Number,\n    default: -1, // desc: 最多显示数量，-1 表示不限制\n  },\n  srcValueKey: {\n    type: String,\n    default: 'value', // desc: 列表项中取 src 的 key 名\n  },\n  isShowCopy: {\n    type: Boolean,\n    default: true, // desc: 是否显示复制功能\n  },\n  isClickImagePreview: {\n    type: Boolean,\n    default: false, // desc: 点击图片是否触发预览\n  },\n  previewCallback: Function, // desc: 自定义预览回调\n});\n\nconst emit = defineEmits<{ onDelete: [inx: number] }>(); // desc: 删除项时触发，参数为项索引\n// slots: extend\n\nconst _clGlobals = inject<ClGlobals | null>('$ClGlobals', null);\n\nconst _keyIndex = `previewexample-${CommonBase.getRandom(5)}`;\n\nconst elId = props.id; // || `_elId_previewexample-${CommonBase.getRandom(5)}`\n\nconst optPageBase = reactive({\n  totalCount: -1,\n});\nconst optList = ref<ListInfo[]>([]);\n\nconst optIsWidthEmpty = computed(() => {\n  const { width } = props;\n  let isEmpty = false;\n  if (CommonBase.isEmpty(width)) {\n    isEmpty = true;\n  } else {\n    if (typeof width === 'string' && width === 'auto') {\n      isEmpty = true;\n    } else if (typeof width === 'number' && width <= 0) {\n      isEmpty = true;\n    }\n  }\n  return isEmpty;\n});\n\nconst clsParent = computed(() => {\n  let cls: Record<string, boolean> = {\n    'panel-previewexample': true,\n    'previewExample-width-default': props.isWidthFull,\n    'previewExample-width-auto': !props.isWidthFull,\n  };\n  cls = CommonBase.getJsonMerge(cls, CommonElement.getClassNameJson(props.className));\n  return cls;\n});\n\nconst clsContainer = computed(() => {\n  let cls: Record<string, boolean> = {\n    'previewExample-container': true,\n  };\n  cls = CommonBase.getJsonMerge(cls, CommonElement.getClassNameJson(props.classContainer));\n  return cls;\n});\n\nconst clsItem = computed(() => {\n  const { type, previewIconSize } = props;\n  let cls: Record<string, boolean> = {\n    'previewExample-item': true,\n  };\n  cls[`previewExample-${type}`] = true;\n  cls[`previewExample-iconSize-${previewIconSize}`] = true;\n  cls = CommonBase.getJsonMerge(cls, CommonElement.getClassNameJson(props.classItem));\n  return cls;\n});\n\nconst styWH = computed(() => {\n  const sty: Record<string, string> = {\n    height: `${props.height}px`,\n  };\n  if (!optIsWidthEmpty.value) {\n    let width = props.width.toString();\n    if (width.indexOf('%') === -1) {\n      width = `${props.width}px`;\n    }\n    sty['width'] = width;\n  }\n  return sty;\n});\n\nconst _emitDelete = (inx: number) => {\n  emit('onDelete', inx);\n};\n\nconst _initList = () => {\n  const { list, showNum, srcValueKey } = props;\n  let newList = CommonBase.getListClone(list);\n  let newShowNum = list.length;\n  if (showNum > 0 && list.length >= showNum) {\n    newShowNum = showNum;\n  }\n  const temp: ListInfo[] = [];\n  newList.forEach((info: any, i: number) => {\n    if (CommonBase.isEmpty(info)) return;\n    if (i + 1 <= newShowNum) {\n      if (CommonBase.isString(info)) {\n        temp.push({ value: info });\n      } else {\n        const srcValue = CommonBase.isExistJsonKey(info, srcValueKey)\n          ? info[srcValueKey]\n          : info.value;\n        temp.push({ ...info, value: srcValue });\n      }\n    }\n  });\n  newList = temp;\n  optPageBase.totalCount = list.length;\n  optList.value = newList;\n};\n\nconst _initMain = () => {\n  _initList();\n};\n\nconst attrItemFun = (info: any) => {\n  const attr: Record<string, string> = {};\n  if (!CommonBase.isEmpty(info.id)) {\n    attr['data-id'] = info.id;\n  }\n  if (!CommonBase.isEmpty(info.ranId)) {\n    attr['data-ran-id'] = info.ranId;\n  }\n  return attr;\n};\n\nonMounted(() => {\n  nextTick(() => {\n    _initMain();\n  });\n});\n\nwatch(\n  () => props.list,\n  () => {\n    _initList();\n  },\n  { deep: true },\n);\n\nconst onClickImage = (info: any, showIndex: number) => {\n  if (props.isClickImagePreview) {\n    onPreview(info, showIndex, 'image');\n  }\n};\n\nconst onPreview = (info: any, showIndex: number, type: string) => {\n  try {\n    if (props.previewCallback) {\n      props.previewCallback(type, info, showIndex);\n    } else {\n      if (!_clGlobals || CommonBase.isEmpty(_clGlobals.preview)) return;\n      const { list } = props;\n      let src;\n      if (list.length === 1) {\n        src = info.value;\n      } else {\n        src = list.map((p: any) => (CommonBase.isString(p) ? p : p.value));\n      }\n      _clGlobals.preview.show({\n        type,\n        src,\n        showIndex,\n        isShowCopy: props.isShowCopy,\n      });\n    }\n  } catch (e) {\n    // 预览异常静默处理，避免阻塞用户交互\n  }\n};\n\nconst onDelete = (inx: number) => {\n  _emitDelete(inx);\n};\n</script>\n"],"names":["props","__props","emit","__emit","_clGlobals","inject","_keyIndex","CommonBase","elId","optPageBase","reactive","optList","ref","optIsWidthEmpty","computed","width","isEmpty","clsParent","cls","CommonElement","clsContainer","clsItem","type","previewIconSize","styWH","sty","_emitDelete","inx","_initList","list","showNum","srcValueKey","newList","newShowNum","temp","info","i","srcValue","_initMain","attrItemFun","attr","onMounted","nextTick","watch","onClickImage","showIndex","onPreview","src","p","onDelete","_createElementBlock","_unref","_createElementVNode","_openBlock","_Fragment","_renderList","_mergeProps","_createVNode","ClImage","_withModifiers","$event","_hoisted_2","ClIconFont","_createBlock","_hoisted_3","_hoisted_5","_toDisplayString","_hoisted_6","_renderSlot","_ctx","ClLoad"],"mappings":"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"}
+{"version":3,"file":"Index.vue_vue_type_script_setup_true_lang-r6RBdV4y.js","sources":["../../../src/libs/Web/PreviewExample/Index.vue"],"sourcesContent":["<template>\n  <div\n    :id=\"elId\"\n    :class=\"clsParent\"\n  >\n    <div :class=\"clsContainer\">\n      <div\n        v-for=\"(info, inx) in optList\"\n        :key=\"`${_keyIndex}-${inx}`\"\n        :class=\"clsItem\"\n        :style=\"styWH\"\n        v-bind=\"attrItemFun(info)\"\n      >\n        <template v-if=\"type === 'image'\">\n          <cl-image\n            :src=\"info.value\"\n            :class=\"{ 'cursor-pointer': isClickImagePreview }\"\n            @click.stop=\"onClickImage(info, inx)\"\n          />\n          <div class=\"previewExample-image-icon\">\n            <cl-icon-font\n              title=\"预览\"\n              name=\"search\"\n              aria-label=\"预览\"\n              @click.stop=\"onPreview(info, inx, 'image')\"\n            />\n            <cl-icon-font\n              v-if=\"isShowDelete\"\n              title=\"删除\"\n              name=\"close\"\n              aria-label=\"删除\"\n              @click.stop=\"onDelete(inx)\"\n            />\n            <template v-else></template>\n          </div>\n        </template>\n        <template v-else-if=\"type === 'video'\">\n          <div class=\"previewExample-video-img previewExample-image\">\n            <cl-image\n              v-if=\"info.imgUrl && info.imgUrl.length > 0\"\n              :src=\"info.imgUrl\"\n            />\n          </div>\n          <div\n            class=\"previewExample-video-icon\"\n            @click.stop=\"onPreview(info, inx, 'video')\"\n          >\n            <cl-icon-font\n              name=\"play\"\n              aria-label=\"播放\"\n            />\n          </div>\n        </template>\n        <template v-else></template>\n        <div\n          v-if=\"(label && label.length > 0) || (info.label && info.label.length > 0)\"\n          class=\"previewExample-label-msg\"\n        >\n          {{ label && label.length > 0 ? label : info.label }}\n        </div>\n        <template v-else></template>\n        <div\n          v-if=\"showNum > -1 && inx === optList.length - 1 && optPageBase.totalCount > showNum\"\n          class=\"previewExample-totalCount\"\n        >\n          <span>共{{ optPageBase.totalCount }}{{ type === 'image' ? '张' : '个' }}</span>\n        </div>\n        <template v-else></template>\n        <slot\n          name=\"extend\"\n          :data=\"info\"\n          :inx=\"inx\"\n        />\n      </div>\n      <div\n        v-if=\"isShowLoading && isLoading\"\n        :class=\"[`previewExample-${type}`]\"\n        :style=\"styWH\"\n      >\n        <cl-load\n          theme=\"circleNotch\"\n          size=\"large\"\n        />\n      </div>\n      <template v-else></template>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { inject, watch, onMounted, nextTick, computed, reactive, ref } from 'vue';\nimport CommonBase from '../../Common/base';\nimport CommonElement from '../../Common/Element/index';\nimport ClIconFont from '../../Element/IconFont/Index.vue';\nimport ClImage from '../../Element/Image/Index.vue';\nimport ClLoad from '../../Element/Load/Index.vue';\nimport './index.css';\n\nexport interface ListInfo {\n  value: string;\n  imgUrl?: string;\n  label?: string;\n  id?: string;\n  ranId?: string;\n}\n\ninterface ClGlobals {\n  preview: {\n    show: (opts: {\n      type: string;\n      src: string | string[];\n      showIndex: number;\n      isShowCopy: boolean;\n    }) => void;\n  };\n}\n\ndefineOptions({ name: 'ClPreviewExample' });\n\nconst props = defineProps({\n  id: String, // desc: 元素唯一标识\n  className: String, // desc: 自定义 CSS 类名\n  classContainer: String, // desc: 容器自定义 CSS 类名\n  classItem: String, // desc: 单项自定义 CSS 类名\n  type: {\n    type: String,\n    default: 'image', // desc: 预览类型 | enum: image, video\n    validator: (v: string) => ['image', 'video'].includes(v),\n  },\n  width: {\n    type: [Number, String],\n    default: 'auto', // desc: 预览区域宽度\n  },\n  height: {\n    type: Number,\n    required: true, // desc: 预览区域高度（必填）\n  },\n  isWidthFull: {\n    type: Boolean,\n    default: true, // desc: 宽度是否铺满 | enum: true, false\n  },\n  list: {\n    type: Array as () => ListInfo[],\n    default: () => [], // desc: 预览数据列表\n  },\n  label: String, // desc: 标签文本\n  previewIconSize: {\n    type: String,\n    default: 'large', // desc: 预览图标尺寸 | enum: large, small (可自定义)\n  },\n  isShowLoading: {\n    type: Boolean,\n    default: false, // desc: 是否显示加载状态\n  },\n  isLoading: {\n    type: Boolean,\n    default: false, // desc: 是否加载中\n  },\n  isShowDelete: {\n    type: Boolean,\n    default: false, // desc: 是否显示删除按钮\n  },\n  showNum: {\n    type: Number,\n    default: -1, // desc: 最多显示数量，-1 表示不限制\n  },\n  srcValueKey: {\n    type: String,\n    default: 'value', // desc: 列表项中取 src 的 key 名\n  },\n  isShowCopy: {\n    type: Boolean,\n    default: true, // desc: 是否显示复制功能\n  },\n  isClickImagePreview: {\n    type: Boolean,\n    default: false, // desc: 点击图片是否触发预览\n  },\n  previewCallback: Function, // desc: 自定义预览回调\n});\n\nconst emit = defineEmits<{ onDelete: [inx: number] }>(); // desc: 删除项时触发，参数为项索引\n// slots: extend\n\nconst _clGlobals = inject<ClGlobals | null>('$ClGlobals', null);\n\nconst _keyIndex = `previewexample-${CommonBase.getRandom(5)}`;\n\nconst elId = props.id; // || `_elId_previewexample-${CommonBase.getRandom(5)}`\n\nconst optPageBase = reactive({\n  totalCount: -1,\n});\nconst optList = ref<ListInfo[]>([]);\n\nconst optIsWidthEmpty = computed(() => {\n  const { width } = props;\n  let isEmpty = false;\n  if (CommonBase.isEmpty(width)) {\n    isEmpty = true;\n  } else {\n    if (typeof width === 'string' && width === 'auto') {\n      isEmpty = true;\n    } else if (typeof width === 'number' && width <= 0) {\n      isEmpty = true;\n    }\n  }\n  return isEmpty;\n});\n\nconst clsParent = computed(() => {\n  let cls: Record<string, boolean> = {\n    'panel-previewexample': true,\n    'previewExample-width-default': props.isWidthFull,\n    'previewExample-width-auto': !props.isWidthFull,\n  };\n  cls = CommonBase.getJsonMerge(cls, CommonElement.getClassNameJson(props.className));\n  return cls;\n});\n\nconst clsContainer = computed(() => {\n  let cls: Record<string, boolean> = {\n    'previewExample-container': true,\n  };\n  cls = CommonBase.getJsonMerge(cls, CommonElement.getClassNameJson(props.classContainer));\n  return cls;\n});\n\nconst clsItem = computed(() => {\n  const { type, previewIconSize } = props;\n  let cls: Record<string, boolean> = {\n    'previewExample-item': true,\n  };\n  cls[`previewExample-${type}`] = true;\n  cls[`previewExample-iconSize-${previewIconSize}`] = true;\n  cls = CommonBase.getJsonMerge(cls, CommonElement.getClassNameJson(props.classItem));\n  return cls;\n});\n\nconst styWH = computed(() => {\n  const sty: Record<string, string> = {\n    height: `${props.height}px`,\n  };\n  if (!optIsWidthEmpty.value) {\n    let width = props.width.toString();\n    if (width.indexOf('%') === -1) {\n      width = `${props.width}px`;\n    }\n    sty['width'] = width;\n  }\n  return sty;\n});\n\nconst _emitDelete = (inx: number) => {\n  emit('onDelete', inx);\n};\n\nconst _initList = () => {\n  const { list, showNum, srcValueKey } = props;\n  let newList = CommonBase.getListClone(list);\n  let newShowNum = list.length;\n  if (showNum > 0 && list.length >= showNum) {\n    newShowNum = showNum;\n  }\n  const temp: ListInfo[] = [];\n  newList.forEach((info: any, i: number) => {\n    if (CommonBase.isEmpty(info)) return;\n    if (i + 1 <= newShowNum) {\n      if (CommonBase.isString(info)) {\n        temp.push({ value: info });\n      } else {\n        const srcValue = CommonBase.isExistJsonKey(info, srcValueKey)\n          ? info[srcValueKey]\n          : info.value;\n        temp.push({ ...info, value: srcValue });\n      }\n    }\n  });\n  newList = temp;\n  optPageBase.totalCount = list.length;\n  optList.value = newList;\n};\n\nconst _initMain = () => {\n  _initList();\n};\n\nconst attrItemFun = (info: any) => {\n  const attr: Record<string, string> = {};\n  if (!CommonBase.isEmpty(info.id)) {\n    attr['data-id'] = info.id;\n  }\n  if (!CommonBase.isEmpty(info.ranId)) {\n    attr['data-ran-id'] = info.ranId;\n  }\n  return attr;\n};\n\nonMounted(() => {\n  nextTick(() => {\n    _initMain();\n  });\n});\n\nwatch(\n  () => props.list,\n  () => {\n    _initList();\n  },\n  { deep: true },\n);\n\nconst onClickImage = (info: any, showIndex: number) => {\n  if (props.isClickImagePreview) {\n    onPreview(info, showIndex, 'image');\n  }\n};\n\nconst onPreview = (info: any, showIndex: number, type: string) => {\n  try {\n    if (props.previewCallback) {\n      props.previewCallback(type, info, showIndex);\n    } else {\n      if (!_clGlobals || CommonBase.isEmpty(_clGlobals.preview)) return;\n      const { list } = props;\n      let src;\n      if (list.length === 1) {\n        src = info.value;\n      } else {\n        src = list.map((p: any) => (CommonBase.isString(p) ? p : p.value));\n      }\n      _clGlobals.preview.show({\n        type,\n        src,\n        showIndex,\n        isShowCopy: props.isShowCopy,\n      });\n    }\n  } catch (e) {\n    // 预览异常静默处理，避免阻塞用户交互\n  }\n};\n\nconst onDelete = (inx: number) => {\n  _emitDelete(inx);\n};\n</script>\n"],"names":["props","__props","emit","__emit","_clGlobals","inject","_keyIndex","CommonBase","elId","optPageBase","reactive","optList","ref","optIsWidthEmpty","computed","width","isEmpty","clsParent","cls","CommonElement","clsContainer","clsItem","type","previewIconSize","styWH","sty","_emitDelete","inx","_initList","list","showNum","srcValueKey","newList","newShowNum","temp","info","i","srcValue","_initMain","attrItemFun","attr","onMounted","nextTick","watch","onClickImage","showIndex","onPreview","src","p","onDelete","_createElementBlock","_unref","_createElementVNode","_openBlock","_Fragment","_renderList","_mergeProps","_createVNode","ClImage","_withModifiers","$event","_hoisted_2","ClIconFont","_createBlock","_hoisted_3","_hoisted_5","_toDisplayString","_hoisted_6","_renderSlot","_ctx","ClLoad"],"mappings":"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"}

package/buildLibs/utils/Shared/{Index.vue_vue_type_script_setup_true_lang-DvzXfKhj.js → Index.vue_vue_type_script_setup_true_lang-tTHdssVu.js}

@@ -3,4 +3,4 @@
 `)?n.CommonBase.split(d,`
 `).forEach(W=>{n.CommonBase.isEmpty(W)||V.push(...n.CommonBase.split(W,a.joinKey||","))}):V=n.CommonBase.split(d,a.joinKey||","),V.forEach(W=>{const z=n.CommonBase.trim(W);n.CommonBase.isEmpty(z)||(X(z),n.CommonBase.isExistValue(U,z)||U.push(z))}),w.value=Array.from(new Set(U)),$()}}else u.value&&(u.value.initHeight(),u.value.setValue(""))},g=()=>{B.isFocus=!0,M(v())},k=()=>{B.isFocus=!1},E=()=>{if(!O.value)return;const l=O.value.getData();w.value=l.filter(d=>n.CommonBase.isNonEmptyString(d.name)).map(d=>d.name),T.value=l,L(""),$()},I=()=>{T.value=[],w.value=[],D.value="",u.value&&(u.value.setValue(""),u.value.initHeight()),$(),J()},K=l=>{L(l)},j=()=>{M(D.value)};return se({getValue:()=>v(),setValue:l=>{A(l),u.value&&(u.value.setValue(""),u.value.initHeight())},focus:()=>{J()},updateValue:(l,d=!0)=>{ne(l,d)}}),(l,d)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(P.value),style:e.normalizeStyle(R.value),onClick:e.withModifiers(ae,["stop"])},[i.multiple?(e.openBlock(),e.createElementBlock("div",Ve,[e.createElementVNode("div",{class:"inputTag-tags",style:e.normalizeStyle(C.value)},[e.createVNode(xe._sfc_main,{ref_key:"refElTag",ref:O,disabled:i.disabled,list:T.value,onOnRemove:E},null,8,["disabled","list"])],4),e.withDirectives(e.createVNode(we._sfc_main,{ref_key:"refElTextarea",ref:u,height:"24px",heightMax:i.textMaxHeight,disabled:i.disabled,placeholder:i.disabled?"":i.placeholder,isClean:!1,isAutoHeight:!0,onOnKeydownEnter:re,onOnKeyupEnter:r,onOnFocus:g,onOnBlur:k,onOnChangeDelay:K},null,8,["heightMax","disabled","placeholder"]),[[e.vShow,!i.disabled]])])):(e.openBlock(),e.createElementBlock("div",Ke,[e.createVNode(_e._sfc_main,{ref_key:"refElInput",ref:N,value:D.value,"onUpdate:value":d[0]||(d[0]=b=>D.value=b),placeholder:i.placeholder,isClean:!1,disabled:i.disabled,onOnFocus:j,onOnChangeDelay:K},null,8,["value","placeholder","disabled"])])),e.createElementVNode("div",Oe,[i.isShowNum&&i.multiple&&w.value.length>1?(e.openBlock(),e.createBlock(ke._sfc_main,{key:0,num:w.value.length},null,8,["num"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),te.value?(e.openBlock(),e.createBlock(Te._sfc_main,{key:2,name:"close-circle-fill",className:"inputTag-operate-btn","aria-label":"清空",tabindex:"0",role:"button",onClick:e.withModifiers(I,["stop"]),onKeydown:[e.withKeys(e.withModifiers(I,["stop","prevent"]),["enter"]),e.withKeys(e.withModifiers(I,["stop","prevent"]),["space"])]},null,8,["onKeydown"])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64)),i.isCopy&&H.value?(e.openBlock(),e.createBlock(be._sfc_main,{key:4,className:"inputTag-operate-btn",textLabel:Q})):(e.openBlock(),e.createElementBlock(e.Fragment,{key:5},[],64))])],6))}}),Me={class:"dropdownLayer-list-container"},He={key:0,class:"dropdownLayer-list-search"},Fe={key:2,class:"dropdownLayer-list-checkboxAll"},Ne=["aria-activedescendant"],$e=["id","aria-selected","aria-disabled","onClick","onMouseenter","onMouseleave"],Ae={key:0,class:"dropdownLayer-list-checkbox"},Je=["innerHTML"],Pe={key:1},Re={key:0,class:"dropdownLayer-list-empty"},je={key:1,class:"inputTag-load"},qe=180,Ue=50,We=100,ze=130,Ge=e.defineComponent({name:"ClDropdownlayerSearchList",__name:"Dropdown",props:{isSearch:Boolean,searchValue:String,searchPlaceholder:String,searchKey:{type:Array,default:()=>["name"]},searchKeyType:{type:String,default:"||",validator:i=>["||","&&"].indexOf(i)>-1},isMultiple:Boolean,isCheckBoxAll:Boolean,showDropDownTextFormat:String,showDropDownTextFormatSub:String,isCascade:Boolean,parentSelectable:Boolean,parentKey:{type:String,default:"parentId"},topParentValue:{type:String,default:"0"},originalData:{type:Array,default:()=>[]},keyIndex:String,selectId:{type:Array,default:()=>[]},isShowEmptyLabel:{type:Boolean,default:!0},isShowLoading:Boolean,serverCallback:Function},emits:["onChange","onSearchResult","onError"],setup(i,{expose:se,emit:ie}){const a=i,F=ie,{optPageLanguage:q,getPageLanguage:O}=Le.useLanguage();O("common");const u=e.inject("$InputTagTop"),N=e.ref(null),B=e.ref(null),T=`inputtag-${n.CommonBase.getRandom(5)}`;let w=0,D=0,H=0,te=0,P=!1,R=!1;const C={start:-1,end:-1,limit:50},$=e.reactive({isRunLoading:!1}),G=`dropdownLayer-list-${a.keyIndex||T}`,L=e.ref(""),M=e.ref([]),Q=e.ref([]);let v=[],A=[],X=!1;const J={isScrollLoadIng:!1},ne=e.computed(()=>{let t=!1;return Q.value.length>0&&a.selectId.length>=Q.value.length&&(t=n.CommonBase.isContainArr(a.selectId.map(o=>o.toString()),Q.value)),t}),oe=e.computed(()=>new Set(a.selectId.map(t=>t.toString()))),ae=(t,s)=>{F("onChange",t,s)},re=(t,s)=>{F("onSearchResult",{search:n.CommonBase.isNonEmptyString(t)?t:"",isEmpty:s})},r=t=>{F("onError",t)},g=t=>n.CommonBase.isEmpty(t)?[]:t.filter(s=>s?n.CommonBase.isString(s.id)&&!n.CommonBase.isEmpty(s.id)||n.CommonBase.isNumber(s.id)&&n.CommonBase.isFinite(s.id):!1),k=async t=>{H++;const s=H;let o=[];if(a.serverCallback){a.isShowLoading&&($.isRunLoading=!0);try{if(o=await a.serverCallback({search:t,offset:0}),s!==H)return;e.nextTick(()=>{s===H&&($.isRunLoading=!1,u&&u.convertListToJson(o),e.nextTick(()=>{E(t,o)}))})}catch{s===H&&($.isRunLoading=!1,r("服务端搜索失败，请稍后重试"))}}else if(n.CommonBase.isEmpty(t))o=a.originalData,E(t,o);else if(n.CommonBase.isNonEmptyString(t)){const c=t.toLowerCase(),p=a.searchKey.length,y=a.searchKey;a.originalData.forEach(h=>{const f=[];for(let S=0;S<p;S++){const m=h[y[S]];n.CommonBase.isNonEmptyString(m)&&m.toLowerCase().indexOf(c)>-1&&f.push(!0)}if(f.length>0)switch(a.searchKeyType){case"||":o.push(h);break;case"&&":f.length===p&&o.push(h);break}}),E(t,o)}},E=(t,s)=>{a.isCascade?(n.CommonBase.isEmpty(t)||(s=j(s,a.originalData)),A=s,s=K(s)):s=g(s),v=s,M.value=Y(0,C.limit),B.value&&(B.value.scrollTop=0),ce(0,C.limit),I(),L.value="",re(t,s.length===0)},I=()=>{const t=[],s=a.selectId.map(o=>o.toString());v.forEach(o=>{if(n.CommonBase.isEmpty(o.id))return;const c=o.id.toString();o.isDisabled?n.CommonBase.isExistValue(s,c)&&t.push(c):t.push(c)}),Q.value=t},K=t=>{const s=a.parentKey||"parentId",o=a.topParentValue||"0",c={};t.forEach(S=>{if(n.CommonBase.isEmpty(S.id))return;const m=S[s];if(!n.CommonBase.isEmpty(m)&&m.toString()!==o){const x=m.toString();c[x]||(c[x]=[]),c[x].push(S)}});const p=[],y=t.filter(S=>{if(n.CommonBase.isEmpty(S.id))return!1;const m=S[s];return n.CommonBase.isEmpty(m)||m.toString()===o}),h=new Set,f=(S,m,x)=>{S.forEach(_=>{const Z=_.id.toString();if(h.has(Z))return;h.add(Z);const ue=c[Z]||[];p.push({..._,_level:m,_parentName:x,_hasChildren:ue.length>0,isDisabled:_.isDisabled||ue.length>0&&!a.parentSelectable}),ue.length>0&&f(ue,m+1,_.name)})};return f(y,0,""),p},j=(t,s)=>{const o=a.parentKey||"parentId",c=a.topParentValue||"0",p={},y={};s.forEach(m=>{if(n.CommonBase.isEmpty(m.id))return;const x=m.id.toString();p[x]=m;const _=m[o];!n.CommonBase.isEmpty(_)&&_.toString()!==c&&(y[_.toString()]||(y[_.toString()]=[]),y[_.toString()].push(x))});const h=new Set,f=new Set;t.forEach(m=>{n.CommonBase.isEmpty(m.id)||f.add(m.id.toString())});const S=m=>{let x=p[m],_=0;for(;x&&_<100;){h.add(x.id.toString());const Z=x[o];if(n.CommonBase.isEmpty(Z)||Z.toString()===c)break;x=p[Z.toString()],_++}};return t.forEach(m=>{if(n.CommonBase.isEmpty(m.id))return;const x=m.id.toString();S(x),y[x]&&y[x].forEach(_=>{h.add(_)})}),s.filter(m=>n.CommonBase.isEmpty(m.id)?!1:h.has(m.id.toString()))},Y=(t,s)=>{const o=[],c=v.length,p=t<0?0:t,y=s<=c?s:c;if(p<y)for(let h=p;h<y;h++)o.push(v[h]);return o},me=(t,s)=>{let o=0,c=0;switch(s){case"prev":o=t-C.limit,c=t;break;case"next":o=t,c=o+C.limit;break}return Y(o,c)},ce=(t,s)=>{let o=C.start;(o===-1||t<o)&&(o=t),o=o<=0?0:o;let c=C.end;s>c&&(c=s),c=s<=v.length?s:v.length,C.start=o,C.end=c},de=()=>{let t=-1,s="";if(!n.CommonBase.isEmpty(a.selectId)){const p=a.selectId.map(y=>y.toString());v.some((y,h)=>{if(n.CommonBase.isEmpty(y.id))return!1;const f=y.id.toString(),S=n.CommonBase.isExistValue(p,f);return S&&(t=h,s=f),S})}let o=0,c=0;t===-1?(w=0,o=0,c=C.limit):(o=t-C.limit*1,c=t+C.limit*1),M.value=Y(o,c),C.start=o<=0?0:o,C.end=c>=v.length?v.length:c,n.CommonBase.isEmpty(s)||M.value.some((p,y)=>{if(n.CommonBase.isEmpty(p.id))return!1;const h=p.id.toString()===s;return h&&(w=y),h})},l=t=>{e.nextTick(()=>{const s=B.value;if(!(!s||!s.children[0]))if(t>0){const o=s.children[0].children[t];s.scrollTop=o&&o.offsetTop>qe?o.offsetTop-Ue:0}else s.scrollTop=0})},d=()=>{a.isCascade?(A=g(a.originalData),v=K(A)):v=g(a.originalData),de(),e.nextTick(()=>{n.CommonBase.isEmpty(a.searchValue)&&(N.value&&N.value.setValue(""),B.value&&l(w))})},b=async t=>{const s=Date.now(),o=t.target,c=o.scrollTop;if(s-te<150){D=c;return}te=s;const p=o.offsetHeight;if(!o.children[0]){D=c;return}const y=o.children[0].offsetHeight;if(c>D){if(c+p+We>y&&!J.isScrollLoadIng){if(J.isScrollLoadIng=!0,C.end>=v.length&&a.serverCallback){const h=H,f=a.searchValue,S={offset:v.length};n.CommonBase.isEmpty(f)||(S.search=f);try{const m=await a.serverCallback(S);if(R)return;h===H&&a.searchValue===f&&(a.isCascade?(A.push(...g(m)),v=K(A)):v.push(...g(m)),I(),u&&u.convertListToJson(v))}catch{h===H&&r("服务端加载更多失败，请稍后重试")}}if(C.end<v.length){const h=me(C.end,"next");M.value.push(...h),ce(C.start,C.end+C.limit)}J.isScrollLoadIng=!1}}else if(c<ze&&C.start>0){const h=me(C.start,"prev"),f=h.length;f>0&&(M.value.unshift(...h),ce(C.start-C.limit,C.end),e.nextTick(()=>{const S=B.value;if(!S||!S.children[0])return;let m=0;const x=S.children[0].children;for(let _=0;_<f&&x[_];_++)m+=x[_].offsetHeight;S.scrollTop+=m}))}D=c},U=()=>{X||e.nextTick(()=>{B.value&&(B.value.addEventListener("scroll",b),X=!0)})},V=t=>{let s=a.showDropDownTextFormat;if(t._level>=1&&!n.CommonBase.isEmpty(a.showDropDownTextFormatSub)&&(s=a.showDropDownTextFormatSub),n.CommonBase.isEmpty(s)){if(n.CommonBase.isEmpty(t.name))return"";const o=t.name;return n.CommonBase.isString(o)?n.CommonBase.encodeHTML(o):String(o)}return n.CommonBase.convertStringFormatEncodeHTML(s,t)},W=t=>{const s=[];return a.isMultiple?(a.selectId.forEach(o=>{o.toString()!==t&&s.push(o)}),n.CommonBase.isExistValue(a.selectId.map(o=>o.toString()),t)||s.push(t)):s.push(t),s},z=t=>{const s=M.value;if(s.length===0){L.value="";return}let o=-1;const c=L.value;c.length>0?(s.forEach((p,y)=>{p.id.toString()===c&&(o=y)}),o+=t,o<0?o=0:o>=s.length&&(o=s.length-1)):o=0,L.value=n.CommonBase.isEmpty(s[o].id)?"":s[o].id.toString(),l(o)},le=t=>{if(t.isComposing||t.keyCode===229)return;let s=t.keyCode;if(!n.CommonBase.isUndefined(s))switch(s=s.toString(),s){case"13":if(t.shiftKey)break;t.preventDefault(),t.stopPropagation();break;case"38":t.preventDefault(),t.stopPropagation(),z(-1);break;case"40":t.preventDefault(),t.stopPropagation(),z(1);break}},pe=t=>{if(t.isComposing||t.keyCode===229)return;let s=t.keyCode;if(!n.CommonBase.isUndefined(s))switch(s=s.toString(),s){case"27":u&&u.setDropdownOpen(!1);break;case"13":if(t.shiftKey)break;const o=L.value;if(!n.CommonBase.isEmpty(o)){const c=M.value.find(p=>p.id.toString()===o);if(c&&!c.isDisabled){const p=W(o);ae(p,{id:o,isSelect:a.selectId.map(y=>y.toString()).indexOf(o)===-1})}}break}},ge=()=>{d(),I(),U();const{searchValue:t}=a;n.CommonBase.isNonEmptyString(t)&&k(t)};e.onMounted(()=>{ge()}),e.onBeforeUnmount(()=>{R=!0,ee.CommonElement.offListener(window,"keydown",le,!0),ee.CommonElement.offListener(window,"keyup",pe,!0),P=!1,B.value&&B.value.removeEventListener("scroll",b)}),e.watch(()=>a.originalData,t=>{a.isCascade?(A=g(t),v=K(A)):v=g(t),de(),I(),U()}),e.watch(()=>a.searchValue,t=>{k(t)});const ye=t=>{k(t)},Ce=t=>{if(!t||!a.isMultiple)return;const s=a.selectId.map(f=>f.toString()),o=new Set;v.forEach(f=>{f.isDisabled&&!n.CommonBase.isEmpty(f.id)&&o.add(f.id.toString())});const c=[],p=[],y=[];Q.value.forEach(f=>{t.value?n.CommonBase.isExistValue(s,f)||p.push(f):n.CommonBase.isExistValue(s,f)&&!o.has(f)&&y.push(f),c.push(f)});const h=n.CommonBase.getArrClone(a.selectId);y.length>0&&y.forEach(f=>{const S=h.findIndex(m=>m.toString()===f);S>-1&&h.splice(S,1)}),p.length>0&&h.push(...p),ae(h,{id:c,isSelect:t.value})},ve=t=>{if(!t.isDisabled&&!n.CommonBase.isEmpty(t.id)){const s=t.id.toString(),o=W(s);ae(o,{id:s,isSelect:a.selectId.map(c=>c.toString()).indexOf(s)===-1})}},Se=t=>{!t||n.CommonBase.isEmpty(t.id)||(L.value=t.id.toString())},Be=t=>{!t||n.CommonBase.isEmpty(t.id)||L.value===t.id.toString()&&(L.value="")};return se({initOpenShow:t=>{t?P||(ee.CommonElement.onListener(window,"keydown",le,!0),ee.CommonElement.onListener(window,"keyup",pe,!0),P=!0):P&&(ee.CommonElement.offListener(window,"keydown",le,!0),ee.CommonElement.offListener(window,"keyup",pe,!0),P=!1)},getHoverKeydown:()=>L.value}),(t,s)=>(e.openBlock(),e.createElementBlock("div",Me,[$.isRunLoading?(e.openBlock(),e.createElementBlock("div",je,[e.createVNode(De._sfc_main,{isLoadIng:$.isRunLoading},null,8,["isLoadIng"])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[i.isSearch?(e.openBlock(),e.createElementBlock("div",He,[e.createVNode(Ie._sfc_main,{ref_key:"refElSearch",ref:N,placeholder:i.searchPlaceholder,onOnChange:ye},null,8,["placeholder"])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),i.isMultiple&&i.isCheckBoxAll?(e.openBlock(),e.createElementBlock("div",Fe,[e.createVNode(fe._sfc_main,{forId:`${G}-cb-all`,label:e.unref(q).checkboxAll,value:ne.value,onOnChange:Ce},null,8,["forId","label","value"])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:3},[],64)),e.createElementVNode("div",{class:"dropdownLayer-list-body",ref_key:"refElList",ref:B},[M.value.length>0?(e.openBlock(),e.createElementBlock("ul",{key:0,role:"listbox","aria-activedescendant":L.value?`${G}-opt-${L.value}`:void 0},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(M.value,(o,c)=>(e.openBlock(),e.createElementBlock("li",{key:`${T}-${o.id}-${c}`,id:`${G}-opt-${o.id}`,role:"option","aria-selected":oe.value.has(o.id.toString()),"aria-disabled":o.isDisabled,class:e.normalizeClass({"option-selected":oe.value.has(o.id.toString()),"option-disabled":o.isDisabled,"option-hoverKeydown":L.value===o.id.toString(),"inputTag-dropdown-item-child":o._level>=1}),style:e.normalizeStyle({paddingLeft:o._level?o._level*20+"px":void 0}),onClick:p=>ve(o),onMouseenter:p=>Se(o),onMouseleave:p=>Be(o)},[e.createElementVNode("div",null,[i.isMultiple?(e.openBlock(),e.createElementBlock("div",Ae,[e.createVNode(fe._sfc_main,{name:`${G}-cb`,forId:`${G}-cb-${o.id}`,value:oe.value.has(o.id.toString()),disabled:o.isDisabled},null,8,["name","forId","value","disabled"])])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64)),e.createElementVNode("div",{class:"dropdownLayer-list-title",innerHTML:V(o)},null,8,Je)])],46,$e))),128))],8,Ne)):(e.openBlock(),e.createElementBlock("ul",Pe,[i.isShowEmptyLabel?(e.openBlock(),e.createElementBlock("li",Re,e.toDisplayString(e.unref(q).noResultsText),1)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))]))],512)],64))]))}}),Qe=["id"],Xe=e.defineComponent({name:"ClInputTag",__name:"Index",props:{id:String,value:String,className:String,placeholder:String,disabled:Boolean,isClean:{type:Boolean,default:!0},multiple:{type:Boolean,default:!0},isCopy:Boolean,isCopyMultipleWrap:{type:Boolean,default:!0},copyJoinKey:{type:String,default:","},minHeight:{type:String,default:"70px"},joinKey:{type:String,default:","},isAutofill:Boolean,list:{type:Array,default:()=>[]},searchKey:{type:Array,default:()=>["name"]},searchKeyType:{type:String,default:"||",validator:i=>["||","&&"].indexOf(i)>-1},showDropDownTextFormat:String,showDropDownTextFormatSub:String,isCascade:Boolean,parentSelectable:Boolean,parentKey:{type:String,default:"parentId"},topParentValue:{type:String,default:"0"},isFocusShowDrop:Boolean,textMaxHeight:String,tagsMaxHeight:String,isShowNum:Boolean,isShowLoading:Boolean,serverCallback:Function},emits:["onInit","update:value","onChange","onError"],setup(i,{expose:se,emit:ie}){const a=i,F=ie,q=a.id,O=e.ref(null),u=e.ref(null),N=e.ref(null),B=e.reactive({keyIndex:`inputTag-${n.CommonBase.getRandom(8)}`,searchValue:"",dropdownSelectId:[],isUseData:!1}),T={listNameJson:{},listIdJson:{}},w=e.computed(()=>{let r={"panel-inputtag":!0,"box-width":!0,"inputTag-disabled":a.disabled};return r=n.CommonBase.getJsonMerge(r,ee.CommonElement.getClassNameJson(a.className)),n.CommonBase.getStringByJson(r," ")}),D=e.computed(()=>{let r="inputTag-dropdown ";return B.isUseData||(r+=" inputTag-dropdown-nodata "),r}),H=(r,g="")=>{F("update:value",r),F("onChange",r,g)},te=()=>{e.nextTick(()=>{F("onInit")})},P=r=>{const k=n.CommonBase.isEmpty(r)?[]:r.filter(E=>{if(!E)return!1;const I=n.CommonBase.isString(E.id)&&!n.CommonBase.isEmpty(E.id)||n.CommonBase.isNumber(E.id)&&n.CommonBase.isFinite(E.id),K=n.CommonBase.isNonEmptyString(E.name)||n.CommonBase.isNumber(E.name)&&!n.CommonBase.isEmpty(E.name);return I&&K});T.listNameJson=n.CommonBase.getJsonByList(k,"name"),T.listIdJson=n.CommonBase.getJsonByList(k,"id")},R=r=>{if(O.value){const g=O.value.checkIsShowOpen();if(r){if(!g){const k=[],E=u.value?u.value.getValue():"",I=n.CommonBase.isEmpty(E)?[]:n.CommonBase.split(E,a.joinKey||",");I.length>0&&I.forEach(K=>{if(n.CommonBase.isExistJsonKey(T.listNameJson,K)){const j=T.listNameJson[K];j&&!n.CommonBase.isEmpty(j.id)&&k.push(j.id.toString())}}),B.dropdownSelectId=k,B.isUseData=!n.CommonBase.isEmpty(a.list)||!!a.serverCallback,O.value.setOpen(!0),e.nextTick(()=>{O.value&&O.value.initCompleteOpen()})}}else B.isUseData=!0,g&&O.value.setOpen(!1)}},C=()=>{n.CommonBase.isEmpty(a.list)||P(a.list)};e.onMounted(()=>{e.nextTick(()=>{C()})}),e.watch(()=>a.list,r=>{P(r),B.isUseData=!n.CommonBase.isEmpty(r)||!!a.serverCallback});const $=()=>{te()},G=r=>{r&&a.disabled||e.nextTick(()=>{N.value&&N.value.initOpenShow(r)})},L=r=>{const g=r.toLowerCase(),k=a.searchKey;let E=!1;return a.list.forEach(I=>{if(E)return;let K=0;for(let j=0;j<k.length;j++){const Y=I[k[j]];n.CommonBase.isNonEmptyString(Y)&&Y.toLowerCase().indexOf(g)>-1&&K++}K>0&&(a.searchKeyType==="||"||a.searchKeyType==="&&"&&K===k.length)&&(E=!0)}),E},M=r=>{B.searchValue=r;let g=!0;if(n.CommonBase.isNonEmptyString(r)&&(r.indexOf(`
 `)>-1||!n.CommonBase.isEmpty(a.joinKey)&&r.indexOf(a.joinKey)>-1)&&(g=!1),g){const k=n.CommonBase.isEmpty(r)?!1:a.serverCallback?!0:L(r);R(k)}else R(!1);a.multiple||H(r,"input")},Q=r=>{R(!r.isEmpty&&!n.CommonBase.isEmpty(r.search))},v=r=>{F("onError",r)},A=(r,g)=>{if(n.CommonBase.isEmpty(g)||a.disabled)return;const k=[];(n.CommonBase.isArray(g.id)?g.id:[g.id]).forEach(I=>{n.CommonBase.isExistJsonKey(T.listIdJson,I)&&k.push(T.listIdJson[I].name)}),a.multiple||(B.searchValue=""),u.value&&u.value.updateValue(k.join(a.joinKey||","),g.isSelect)},X=(r,g)=>{H(r,g),a.isAutofill&&R(!1)},J=r=>{a.isAutofill&&a.isFocusShowDrop&&(B.searchValue=r,R(!n.CommonBase.isEmpty(r)))};e.provide("$InputTagTop",{getListHoverValueKeydown:()=>{let r="";return N.value&&(r=N.value.getHoverKeydown()),r},convertListToJson:P,setDropdownOpen:R});const ne=()=>u.value?u.value.getValue():"";return se({getValue:ne,getValueData:()=>{const r=ne();return u.value?n.CommonBase.split(r,a.joinKey||",").filter(k=>!n.CommonBase.isEmpty(k)).map(k=>{const E=T.listNameJson[k];return{name:k,id:E&&!n.CommonBase.isEmpty(E.id)?E.id:void 0}}):[]},setValue:r=>{u.value&&u.value.setValue(r)},focus:()=>{u.value&&u.value.focus()}}),(r,g)=>i.isAutofill?(e.openBlock(),e.createBlock(Ee._sfc_main,{key:0,ref_key:"refElDropdownLayer",ref:O,id:e.unref(q),classParent:w.value,classDropDown:D.value,transitionLeave:"inputTag-dropdown-leave",onOnChangeOpen:G},{labelCustom:e.withCtx(()=>[e.createVNode(he,{ref_key:"refElInput",ref:u,value:i.value,placeholder:i.placeholder,disabled:i.disabled,isClean:i.isClean,multiple:i.multiple,minHeight:i.minHeight,joinKey:i.joinKey,isCopy:i.isCopy,isCopyMultipleWrap:i.isCopyMultipleWrap,copyJoinKey:i.copyJoinKey,isDropdownLayer:!0,textMaxHeight:i.textMaxHeight,tagsMaxHeight:i.tagsMaxHeight,isShowNum:i.isShowNum,onOnChange:X,onOnChangeInput:M,onOnInit:$,onOnFocus:J},null,8,["value","placeholder","disabled","isClean","multiple","minHeight","joinKey","isCopy","isCopyMultipleWrap","copyJoinKey","textMaxHeight","tagsMaxHeight","isShowNum"])]),dropdown:e.withCtx(()=>[e.createVNode(Ge,{ref_key:"refElList",ref:N,keyIndex:B.keyIndex,isSearch:!1,searchValue:B.searchValue,searchKey:i.searchKey,searchKeyType:i.searchKeyType,isMultiple:!1,showDropDownTextFormat:i.showDropDownTextFormat,showDropDownTextFormatSub:i.showDropDownTextFormatSub,isCascade:i.isCascade,parentSelectable:i.parentSelectable,parentKey:i.parentKey,topParentValue:i.topParentValue,isShowEmptyLabel:!1,originalData:i.list,selectId:B.dropdownSelectId,serverCallback:i.serverCallback,isShowLoading:i.isShowLoading,onOnSearchResult:Q,onOnChange:A,onOnError:v},null,8,["keyIndex","searchValue","searchKey","searchKeyType","showDropDownTextFormat","showDropDownTextFormatSub","isCascade","parentSelectable","parentKey","topParentValue","originalData","selectId","serverCallback","isShowLoading"])]),_:1},8,["id","classParent","classDropDown"])):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(w.value),id:e.unref(q)},[e.createVNode(he,{ref_key:"refElInput",ref:u,value:i.value,placeholder:i.placeholder,disabled:i.disabled,isClean:i.isClean,multiple:i.multiple,minHeight:i.minHeight,joinKey:i.joinKey,isCopy:i.isCopy,isCopyMultipleWrap:i.isCopyMultipleWrap,copyJoinKey:i.copyJoinKey,isDropdownLayer:!1,textMaxHeight:i.textMaxHeight,tagsMaxHeight:i.tagsMaxHeight,isShowNum:i.isShowNum,onOnChange:X,onOnChangeInput:M,onOnInit:$,onOnFocus:J},null,8,["value","placeholder","disabled","isClean","multiple","minHeight","joinKey","isCopy","isCopyMultipleWrap","copyJoinKey","textMaxHeight","tagsMaxHeight","isShowNum"])],10,Qe))}});exports._sfc_main=Xe;
-//# sourceMappingURL=Index.vue_vue_type_script_setup_true_lang-DvzXfKhj.js.map
+//# sourceMappingURL=Index.vue_vue_type_script_setup_true_lang-tTHdssVu.js.map