@cldemo/ui-kit 1.0.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"Index.vue_vue_type_script_setup_true_lang-Cjhn8JLr.js","sources":["../../../src/libs/Element/InputNumber/Button.vue","../../../src/libs/Element/InputNumber/Index.vue"],"sourcesContent":["<template>\n    <span\n        ref=\"refElButton\"\n        :class=\"clsParent\"\n    >\n        <slot name=\"icon\"></slot>\n    </span>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, onMounted, nextTick } from 'vue'\nimport CommonBase from '../../Common/base'\nimport { Drag as DragEvent } from '../../Common/Element/Event/index'\n\n// defineOptions\ndefineOptions({\n  name: 'ClInputnumberButton'\n})\n\n// props\nconst props = defineProps<{\n  className?: string\n  isDisabled?: boolean\n  checkDownBeforeCallback?: Function\n}>()\n\n// emit\nconst emit = defineEmits<{\n  (e: 'onLongDownStart'): void\n  (e: 'onLongDownEnd'): void\n}>()\n\n// 常量 / 变量定义\nconst refElButton = ref<HTMLElement | null>(null)\nconst _pageData: any = {\n  longDownInterval: null,\n  isMoveBoundary: false,\n}\n\n// computed\nconst clsParent = computed(() => {\n  const cls: any = {\n    'inputNumber-controls': true,\n  }\n  const className = props.className\n  if (className && !CommonBase.isEmpty(className)) {\n    className.split(' ').forEach((c) => {\n      if (!CommonBase.isEmpty(c)) {\n        cls[c] = true\n      }\n    })\n  }\n  cls['inputNumber-controls-disabled'] = props.isDisabled || false\n  return cls\n})\n\n// emit 外部使用的事件\nconst _emitLongDownStart = () => {\n  emit('onLongDownStart')\n}\n\nconst _emitLongDownEnd = () => {\n  emit('onLongDownEnd')\n}\n\n// 内部方法\nconst _checkLongDownStart = () => {\n  let isCheck = true\n  if (props.checkDownBeforeCallback) {\n    isCheck = props.checkDownBeforeCallback()\n  }\n  return isCheck\n}\n\nconst _stopLongDownInterval = () => {\n  if (_pageData.longDownInterval) {\n    clearInterval(_pageData.longDownInterval)\n    _pageData.longDownInterval = null\n  }\n}\n\nconst _runLongDownStart = () => {\n  _emitLongDownStart()\n  _stopLongDownInterval()\n  _pageData.longDownInterval = setInterval(() => {\n    if (!props.isDisabled) {\n      _emitLongDownStart()\n    } else {\n      _runLongDownEnd()\n    }\n  }, 200)\n}\n\nconst _runLongDownIng = (e: any) => {\n  if (refElButton.value === e.target || refElButton.value?.contains(e.target)) {\n    if (_pageData.isMoveBoundary) {\n      _pageData.isMoveBoundary = false\n      _runLongDownStart()\n    }\n  } else {\n    _stopLongDownInterval()\n    _pageData.isMoveBoundary = true\n  }\n}\n\nconst _runLongDownEnd = () => {\n  _stopLongDownInterval()\n  _emitLongDownEnd()\n}\n\nconst _initMain = () => {\n  const dragConfig = {\n    start(e: any) {\n      let isRun = false\n      if (e.buttons === 1) {\n        isRun = _checkLongDownStart()\n        if (isRun) {\n          if (!props.isDisabled) {\n            _runLongDownStart()\n          }\n        }\n      }\n      return isRun\n    },\n    ing: (e: any) => {\n      _runLongDownIng(e)\n    },\n    end: () => {\n      _runLongDownEnd()\n    },\n  }\n  if (refElButton.value) {\n    new DragEvent(refElButton.value, dragConfig)\n  }\n}\n\n// 生命周期\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n</script>","<template>\n  <div :class=\"clsParent\">\n    <cl-input ref=\"refElInput\" :value=\"optValue\" :placeholder=\"placeholder\" :disabled=\"disabled\"\n      :isReadonly=\"isTextRead\" :isClean=\"isClean\" :isNumber=\"!optIsFillZero\" :decimal=\"optTextDecimal\" theme=\"icon\"\n      @onChange=\"onInputChange\" @onKeydown=\"onInputKeydown\" @onKeyup=\"onInputKeyup\" @onFocus=\"onInputFocus\"\n      @onBlur=\"onInputBlur\"><template v-if=\"optIsShowTextPrepend\" v-slot:prepend>\n        <slot name=\"textPrepend\"></slot>\n      </template>\n    </cl-input>\n    <cl-inputnumber-button className=\"inputNumber-subtract\" :isDisabled=\"disabled || optBtn.subtractDisabled\"\n      :checkDownBeforeCallback=\"operateBtnDownBeforeCallback\" @onLongDownStart=\"onButtonLongDown('subtract')\"\n      @onLongDownEnd=\"onButtonLongDownEnd()\">\n      <template v-slot:icon>\n        <i :class=\"clsIconSubtract\"></i>\n      </template>\n    </cl-inputnumber-button>\n    <cl-inputnumber-button className=\"inputNumber-add\" :isDisabled=\"disabled || optBtn.addDisabled\"\n      :checkDownBeforeCallback=\"operateBtnDownBeforeCallback\" @onLongDownStart=\"onButtonLongDown('add')\"\n      @onLongDownEnd=\"onButtonLongDownEnd()\">\n      <template v-slot:icon>\n        <i :class=\"clsIconAdd\"></i>\n      </template>\n    </cl-inputnumber-button>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport './Index.css'\nimport { ref, reactive, computed, onMounted, nextTick, watch, useSlots } from 'vue'\nimport CommonBase from '../../Common/base'\nimport Input from '../Input/Index.vue'\nimport InputnumberButton from './Button.vue'\n\n// defineOptions\ndefineOptions({\n  name: 'ClInputNumber',\n  components: {\n    ClInput: Input,\n    ClInputnumberButton: InputnumberButton,\n  }\n})\n\n// props\nconst props = defineProps({\n  size: {\n    type: String,\n    default: 'large',\n    validator: (value: string) => {\n      return ['', 'large', 'small'].indexOf(value) !== -1\n    }\n  },\n  btnShowType: {\n    type: String,\n    default: 'fixed',\n    validator: (value: string) => {\n      return ['fixed', 'focus'].indexOf(value) !== -1\n    }\n  },\n  btnTheme: {\n    type: String,\n    default: 'leftRight',\n    validator: (value: string) => {\n      return ['leftRight', 'upDown'].indexOf(value) !== -1\n    }\n  },\n  value: {\n    type: [String, Number],\n    default: ''\n  },\n  placeholder: {\n    type: String,\n    default: ''\n  },\n  className: {\n    type: String,\n    default: ''\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  isClean: {\n    type: Boolean,\n    default: true\n  },\n  isTextRead: {\n    type: Boolean,\n    default: false\n  },\n  min: {\n    type: Number,\n    default: undefined\n  },\n  max: {\n    type: Number,\n    default: undefined\n  },\n  isLoop: {\n    type: Boolean,\n    default: false\n  },\n  decimal: {\n    type: Number,\n    default: 0\n  },\n  fillZeroCount: {\n    type: Number,\n    default: 0\n  },\n  btnStep: {\n    type: Number,\n    default: 1\n  },\n  btnClsIconSub: {\n    type: String,\n    default: ''\n  },\n  btnClsIconAdd: {\n    type: String,\n    default: ''\n  },\n  operateBtnDownBeforeCallback: Function,\n  calculationOperateValueCallback: Function,\n})\n\n// emit\nconst emit = defineEmits<{\n  (e: 'update:value', value: string): void\n  (e: 'onChange', value: string): void\n}>()\n\n// 常量 / 变量定义\nconst refElInput = ref<any>(null)\nconst optBase = reactive({\n  isHover: false,\n  isFocus: false,\n})\nconst optValue = ref('')\n\nconst optBtn = reactive({\n  subtractDisabled: false,\n  addDisabled: false,\n})\n\nconst _pageData: any = {\n  upDown: {\n    subtract: 'clIconFont clIcon-angle-up',\n    add: 'clIconFont clIcon-angle-down',\n  },\n  leftRight: {\n    subtract: 'clIconFont clIcon-minus',\n    add: 'clIconFont clIcon-plus',\n  },\n  btnShowFixed: props.btnShowType === 'fixed',\n  btnShowFocus: props.btnShowType === 'focus',\n}\n\n// computed\nconst optIsShowTextPrepend = computed(() => {\n  return !CommonBase.isUndefined(slots.textPrepend)\n})\n\nconst optTextDecimal = computed(() => {\n  const decimal = props.decimal || 0\n  const step = (props.btnStep || 1).toString()\n  let newDecimal = decimal\n  if (step.indexOf('.') > -1) {\n    const len = step.split('.')[1].length\n    if (decimal < len) {\n      newDecimal = len\n    }\n  }\n  return newDecimal\n})\n\nconst optIsFillZero = computed(() => {\n  return (props.fillZeroCount || 0) > 0\n})\n\nconst clsParent = computed(() => {\n  const cls: any = {\n    'panel-inputNumber': true,\n    'inputNumber-disabled': props.disabled || false,\n  }\n  const { className, size } = props\n\n  if (className && !CommonBase.isEmpty(className)) {\n    className.split(' ').forEach((c) => {\n      if (!CommonBase.isEmpty(c)) {\n        cls[c] = true\n      }\n    })\n  }\n  cls[`inputNumber-btn-${props.btnTheme || 'leftRight'}`] = true\n  cls[`inputNumber-btn-${props.btnShowType || 'fixed'}`] = true\n  cls['inputNumber-hover'] = optBase.isHover\n  cls['inputNumber-focus'] = optBase.isFocus\n  cls[`inputNumber-${size || 'large'}`] = true\n  return cls\n})\n\nconst clsIconSubtract = computed(() => {\n  const cls: any = {}\n  let icon = ''\n  if (props.btnClsIconSub && !CommonBase.isEmpty(props.btnClsIconSub)) {\n    icon = props.btnClsIconSub\n  } else {\n    const btnTheme = props.btnTheme || 'leftRight'\n    if (_pageData[btnTheme]) {\n      icon = _pageData[btnTheme].subtract\n    }\n  }\n  if (icon.length > 0) {\n    cls[icon] = true\n  }\n  return cls\n})\n\nconst clsIconAdd = computed(() => {\n  const cls: any = {}\n  let icon = ''\n  if (props.btnClsIconAdd && !CommonBase.isEmpty(props.btnClsIconAdd)) {\n    icon = props.btnClsIconAdd\n  } else {\n    const btnTheme = props.btnTheme || 'leftRight'\n    if (_pageData[btnTheme]) {\n      icon = _pageData[btnTheme].add\n    }\n  }\n  if (icon.length > 0) {\n    cls[icon] = true\n  }\n  return cls\n})\n\n// emit 外部使用的事件\nconst _emitChange = () => {\n  const value = optValue.value\n  emit('update:value', value)\n  emit('onChange', value)\n}\n\n// 内部方法\nconst _initValue = (value: string) => {\n  if (value === optValue.value) {\n    refElInput.value?.setValue(value)\n  }\n  optValue.value = value\n}\n\nconst _calculationOperateValue = (value: any, type?: string) => {\n  let newValue: any\n  let subtractDisabled = false\n  let addDisabled = false\n  if (props.calculationOperateValueCallback) {\n    const tempValueInfo = props.calculationOperateValueCallback({ value, type })\n    newValue = tempValueInfo.value\n    subtractDisabled = tempValueInfo.subtractDisabled\n    addDisabled = tempValueInfo.addDisabled\n  } else {\n    const num = CommonBase.isEmpty(value) ? 0 : Number(value)\n    const min: any = props.min\n    const max: any = props.max\n    const { isLoop = false } = props\n    const minIsEmpty = CommonBase.isUndefined(min)\n    const maxIsEmpty = CommonBase.isUndefined(max)\n    const step = props.btnStep || 1\n\n    let tempNum = num\n    if (type && !CommonBase.isEmpty(type)) {\n      tempNum += step * (type === 'subtract' ? -1 : 1)\n\n      const tempStr = tempNum.toString()\n      if (tempStr.indexOf('.') > -1) {\n        const len = tempStr.split('.')[1].length\n        const decimal = optTextDecimal.value\n        if (decimal.toString().length < len) {\n          tempNum = Number(tempNum.toFixed(decimal))\n        }\n      }\n    }\n\n    if (!minIsEmpty && tempNum <= min) {\n      if (!isLoop) {\n        subtractDisabled = true\n      }\n      newValue = tempNum < min && isLoop && !maxIsEmpty ? max : min\n    } else if (!maxIsEmpty && tempNum >= max) {\n      if (!isLoop) {\n        addDisabled = true\n      }\n      newValue = tempNum > max && isLoop && !minIsEmpty ? min : max\n    } else {\n      newValue = tempNum\n    }\n  }\n  if (optIsFillZero.value) {\n    newValue = CommonBase.getFillZero(newValue)\n  }\n  _initValue(newValue.toString())\n  optBtn.subtractDisabled = subtractDisabled\n  optBtn.addDisabled = addDisabled\n}\n\nconst _setFocus = (isFocus: boolean) => {\n  optBase.isFocus = isFocus\n  if (isFocus) {\n    refElInput.value?.focus()\n  }\n}\n\nconst _initMain = () => {\n  _calculationOperateValue(props.value)\n}\n\n// 生命周期\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n\n// watch\nwatch(\n  () => props.value,\n  (newValue, oldValue) => {\n    if (newValue !== oldValue && newValue !== optValue.value) {\n      _calculationOperateValue(newValue)\n    }\n  },\n)\n\n// 内部触发的事件\nlet _searchTimerDelay: any\nconst onInputChange = (value: string) => {\n  if (!props.disabled) {\n    if (_searchTimerDelay) {\n      clearTimeout(_searchTimerDelay)\n      _searchTimerDelay = null\n    }\n    _searchTimerDelay = setTimeout(() => {\n      if (CommonBase.isEmpty(value)) {\n        _initValue('')\n        optBtn.subtractDisabled = false\n        optBtn.addDisabled = false\n      } else {\n        _calculationOperateValue(value)\n      }\n      _emitChange()\n    }, 100)\n  }\n}\n\nconst onInputKeydown = (e: any) => {\n  if (!props.disabled && !props.isTextRead) {\n    let keyCode = e.keyCode\n    if (!CommonBase.isUndefined(keyCode)) {\n      keyCode = keyCode.toString()\n      if (keyCode === '37' || keyCode === '40') {\n        _calculationOperateValue(optValue.value, 'subtract')\n        _setFocus(true)\n      } else if (keyCode === '38' || keyCode === '39') {\n        _calculationOperateValue(optValue.value, 'add')\n        _setFocus(true)\n      }\n    }\n  }\n}\n\nconst onInputKeyup = (e: any) => {\n  if (!props.disabled && !props.isTextRead) {\n    let keyCode = e.keyCode\n    if (!CommonBase.isUndefined(keyCode)) {\n      keyCode = keyCode.toString()\n      if (keyCode === '37' || keyCode === '40' || keyCode === '38' || keyCode === '39') {\n        _setFocus(true)\n        _emitChange()\n      }\n    }\n  }\n}\n\nconst onInputFocus = () => {\n  _setFocus(true)\n}\n\nconst onInputBlur = () => {\n  _setFocus(false)\n}\n\nconst onButtonLongDown = (type: string) => {\n  _calculationOperateValue(optValue.value, type)\n  _setFocus(true)\n}\n\nconst onButtonLongDownEnd = () => {\n  _emitChange()\n  _setFocus(true)\n}\n\nconst slots = useSlots()\n</script>"],"names":["props","__props","emit","__emit","refElButton","ref","_pageData","clsParent","computed","cls","className","CommonBase","c","_emitLongDownStart","_emitLongDownEnd","_checkLongDownStart","isCheck","_stopLongDownInterval","_runLongDownStart","_runLongDownEnd","_runLongDownIng","e","_initMain","dragConfig","isRun","DragEvent","onMounted","nextTick","_createElementBlock","_renderSlot","_ctx","refElInput","optBase","reactive","optValue","optBtn","optIsShowTextPrepend","slots","optTextDecimal","decimal","step","newDecimal","len","optIsFillZero","size","clsIconSubtract","icon","btnTheme","clsIconAdd","_emitChange","value","_initValue","_calculationOperateValue","type","newValue","subtractDisabled","addDisabled","tempValueInfo","num","min","max","isLoop","minIsEmpty","maxIsEmpty","tempNum","tempStr","_setFocus","isFocus","watch","oldValue","_searchTimerDelay","onInputChange","onInputKeydown","keyCode","onInputKeyup","onInputFocus","onInputBlur","onButtonLongDown","onButtonLongDownEnd","useSlots","_createVNode","_component_cl_input","_component_cl_inputnumber_button","_createElementVNode"],"mappings":"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"}

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

@@ -0,0 +1,84 @@
+import { defineComponent as t, openBlock as l, createElementBlock as a, createStaticVNode as s, computed as v, normalizeClass as b, createElementVNode as o, createBlock as d, createCommentVNode as u } from "vue";
+const m = { class: "load-rotaryLine-container" }, y = /* @__PURE__ */ t({
+  name: "ClLoadRotaryLine",
+  __name: "RotaryLine",
+  setup(e) {
+    return (c, i) => (l(), a("div", m, [...i[0] || (i[0] = [
+      s('<div class="rotary-line rotary-line-1"><div></div></div><div class="rotary-line rotary-line-2"><div></div></div><div class="rotary-line rotary-line-3"><div></div></div><div class="rotary-line rotary-line-4"><div></div></div><div class="rotary-line rotary-line-5"><div></div></div><div class="rotary-line rotary-line-6"><div></div></div><div class="rotary-line rotary-line-7"><div></div></div><div class="rotary-line rotary-line-8"><div></div></div><div class="rotary-line rotary-line-9"><div></div></div><div class="rotary-line rotary-line-10"><div></div></div><div class="rotary-line rotary-line-11"><div></div></div><div class="rotary-line rotary-line-12"><div></div></div>', 12)
+    ])]));
+  }
+}), B = { class: "load-circleBubble-container" }, _ = /* @__PURE__ */ t({
+  name: "ClLoadCircleBubble",
+  __name: "CircleBubble",
+  setup(e) {
+    return (c, i) => (l(), a("div", B, [...i[0] || (i[0] = [
+      s('<div class="circleBubble-container circleBubble-container1"><div class="circleBubble-item circleBubble-item1"></div><div class="circleBubble-item circleBubble-item2"></div><div class="circleBubble-item circleBubble-item3"></div><div class="circleBubble-item circleBubble-item4"></div></div><div class="circleBubble-container circleBubble-container2"><div class="circleBubble-item circleBubble-item1"></div><div class="circleBubble-item circleBubble-item2"></div><div class="circleBubble-item circleBubble-item3"></div><div class="circleBubble-item circleBubble-item4"></div></div><div class="circleBubble-container circleBubble-container3"><div class="circleBubble-item circleBubble-item1"></div><div class="circleBubble-item circleBubble-item2"></div><div class="circleBubble-item circleBubble-item3"></div><div class="circleBubble-item circleBubble-item4"></div></div>', 3)
+    ])]));
+  }
+}), p = /* @__PURE__ */ t({
+  name: "ClLoadCircleNotch",
+  __name: "CircleNotch",
+  props: {
+    color: {}
+  },
+  setup(e) {
+    const c = e, i = v(() => {
+      const r = {
+        "load-circleNotch-container": !0
+      }, { color: n } = c;
+      return n && n !== "default" && (r["circleNotch-white"] = !0), r;
+    });
+    return (r, n) => (l(), a("div", {
+      class: b(i.value)
+    }, null, 2));
+  }
+}), f = { class: "loader" }, h = /* @__PURE__ */ t({
+  name: "ClLoadBallColor4",
+  __name: "BallColor4",
+  setup(e) {
+    return (c, i) => (l(), a("div", f, [...i[0] || (i[0] = [
+      o("span", { style: { "--i": "1", "--c": "#2ecc71" } }, null, -1),
+      o("span", { style: { "--i": "2", "--c": "#3498db" } }, null, -1),
+      o("span", { style: { "--i": "3", "--c": "#f1c40f" } }, null, -1),
+      o("span", { style: { "--i": "4", "--c": "#e74c3c" } }, null, -1)
+    ])]));
+  }
+}), L = /* @__PURE__ */ t({
+  name: "ClLoad",
+  __name: "Index",
+  props: {
+    theme: {
+      type: String,
+      default: "rotaryLine",
+      validator: (e) => ["rotaryLine", "circleNotch", "circleBubble", "ballColor4"].indexOf(e) !== -1
+    },
+    size: {
+      type: String,
+      default: "large"
+    },
+    color: {
+      type: String,
+      default: "default"
+    }
+  },
+  setup(e) {
+    const c = e, i = v(() => {
+      const r = {
+        "panel-load": !0
+      };
+      return r[`load-${c.theme || "rotaryLine"}`] = !0, r[`${c.theme || "rotaryLine"}-${c.size || "large"}`] = !0, r;
+    });
+    return (r, n) => (l(), a("div", {
+      class: b(i.value)
+    }, [
+      e.theme === "rotaryLine" ? (l(), d(y, { key: 0 })) : e.theme === "circleNotch" ? (l(), d(p, {
+        key: 1,
+        color: e.color
+      }, null, 8, ["color"])) : e.theme === "circleBubble" ? (l(), d(_, { key: 2 })) : e.theme === "ballColor4" ? (l(), d(h, { key: 3 })) : u("", !0)
+    ], 2));
+  }
+});
+export {
+  L as _
+};
+//# sourceMappingURL=Index.vue_vue_type_script_setup_true_lang-Cuv5NgcY.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Index.vue_vue_type_script_setup_true_lang-Cuv5NgcY.js","sources":["../../../src/libs/Element/Load/RotaryLine.vue","../../../src/libs/Element/Load/CircleBubble.vue","../../../src/libs/Element/Load/CircleNotch.vue","../../../src/libs/Element/Load/BallColor4.vue","../../../src/libs/Element/Load/Index.vue"],"sourcesContent":["<template>\n  <div class=\"load-rotaryLine-container\">\n    <div class=\"rotary-line rotary-line-1\">\n      <div></div>\n    </div>\n    <div class=\"rotary-line rotary-line-2\">\n      <div></div>\n    </div>\n    <div class=\"rotary-line rotary-line-3\">\n      <div></div>\n    </div>\n    <div class=\"rotary-line rotary-line-4\">\n      <div></div>\n    </div>\n    <div class=\"rotary-line rotary-line-5\">\n      <div></div>\n    </div>\n    <div class=\"rotary-line rotary-line-6\">\n      <div></div>\n    </div>\n    <div class=\"rotary-line rotary-line-7\">\n      <div></div>\n    </div>\n    <div class=\"rotary-line rotary-line-8\">\n      <div></div>\n    </div>\n    <div class=\"rotary-line rotary-line-9\">\n      <div></div>\n    </div>\n    <div class=\"rotary-line rotary-line-10\">\n      <div></div>\n    </div>\n    <div class=\"rotary-line rotary-line-11\">\n      <div></div>\n    </div>\n    <div class=\"rotary-line rotary-line-12\">\n      <div></div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n// defineOptions\ndefineOptions({ name: 'ClLoadRotaryLine' })\n</script>\n","<template>\n  <div class=\"load-circleBubble-container\">\n    <div class=\"circleBubble-container circleBubble-container1\">\n      <div class=\"circleBubble-item circleBubble-item1\"></div>\n      <div class=\"circleBubble-item circleBubble-item2\"></div>\n      <div class=\"circleBubble-item circleBubble-item3\"></div>\n      <div class=\"circleBubble-item circleBubble-item4\"></div>\n    </div>\n    <div class=\"circleBubble-container circleBubble-container2\">\n      <div class=\"circleBubble-item circleBubble-item1\"></div>\n      <div class=\"circleBubble-item circleBubble-item2\"></div>\n      <div class=\"circleBubble-item circleBubble-item3\"></div>\n      <div class=\"circleBubble-item circleBubble-item4\"></div>\n    </div>\n    <div class=\"circleBubble-container circleBubble-container3\">\n      <div class=\"circleBubble-item circleBubble-item1\"></div>\n      <div class=\"circleBubble-item circleBubble-item2\"></div>\n      <div class=\"circleBubble-item circleBubble-item3\"></div>\n      <div class=\"circleBubble-item circleBubble-item4\"></div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n// defineOptions\ndefineOptions({ name: 'ClLoadCircleBubble' })\n</script>\n","<template>\n  <div :class=\"clsParent\"></div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\n// defineOptions\ndefineOptions({ name: 'ClLoadCircleNotch' })\n\n// props\nconst props = defineProps<{\n  color?: string\n}>()\n\n// computed\nconst clsParent = computed(() => {\n  const cls: any = {\n    'load-circleNotch-container': true,\n  }\n  const { color } = props\n  if (color && color !== 'default') {\n    cls['circleNotch-white'] = true\n  }\n  return cls\n})\n</script>\n","<template>\n  <div class=\"loader\">\n    <!-- --i、--c为自定义属性，CSS中可通过var函数对其调用 -->\n    <span style=\"--i:1;--c:#2ecc71;\"></span>\n    <span style=\"--i:2;--c:#3498db;\"></span>\n    <span style=\"--i:3;--c:#f1c40f;\"></span>\n    <span style=\"--i:4;--c:#e74c3c;\"></span>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n// defineOptions\ndefineOptions({ name: 'ClLoadBallColor4' })\n</script>\n","<template>\n  <div :class=\"clsParent\">\n    <ClLoadRotaryLine v-if=\"theme === 'rotaryLine'\" />\n    <ClLoadCircleNotch\n      v-else-if=\"theme === 'circleNotch'\"\n      :color=\"color\"\n    />\n    <ClLoadCircleBubble v-else-if=\"theme === 'circleBubble'\" />\n    <ClLoadBallColor4 v-else-if=\"theme === 'ballColor4'\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport './Index.css'\nimport { computed } from 'vue'\nimport ClLoadRotaryLine from './RotaryLine.vue'\nimport ClLoadCircleBubble from './CircleBubble.vue'\nimport ClLoadCircleNotch from './CircleNotch.vue'\nimport ClLoadBallColor4 from './BallColor4.vue'\n\n// defineOptions\ndefineOptions({ name: 'ClLoad' })\n\n// props\nconst props = defineProps({\n  theme: {\n    type: String,\n    default: 'rotaryLine',\n    validator: (value: string) => {\n      return ['rotaryLine', 'circleNotch', 'circleBubble', 'ballColor4'].indexOf(value) !== -1\n    }\n  },\n  size: {\n    type: String,\n    default: 'large'\n  },\n  color: {\n    type: String,\n    default: 'default'\n  },\n})\n\n// computed\nconst clsParent = computed(() => {\n  const cls: any = {\n    'panel-load': true,\n  }\n  cls[`load-${props.theme || 'rotaryLine'}`] = true\n  // 仅实现 circleBubble 大小\n  cls[`${props.theme || 'rotaryLine'}-${props.size || 'large'}`] = true\n  return cls\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_cache","props","__props","clsParent","computed","cls","color","_createElementVNode","_createBlock","ClLoadRotaryLine","ClLoadCircleNotch","ClLoadCircleBubble","ClLoadBallColor4"],"mappings":";;;;;sBACEA,EAAA,GAAAC,EAqCM,OArCNC,GAqCM,CAAA,GAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA;;;;;;;sBCrCNH,EAAA,GAAAC,EAmBM,OAnBNC,GAmBM,CAAA,GAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA;;;;;;;;;;ACTR,UAAMC,IAAQC,GAKRC,IAAYC,EAAS,MAAM;AAC/B,YAAMC,IAAW;AAAA,QACf,8BAA8B;AAAA,MAAA,GAE1B,EAAE,OAAAC,MAAUL;AAClB,aAAIK,KAASA,MAAU,cACrBD,EAAI,mBAAmB,IAAI,KAEtBA;AAAA,IACT,CAAC;2BAxBCP,EAA8B,OAAA;AAAA,MAAxB,SAAOK,EAAA,KAAS;AAAA,IAAA;;;;;;sBCAtBN,EAAA,GAAAC,EAMM,OANNC,GAMM,CAAA,GAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,MAJJO,EAAwC,QAAA,EAAlC,OAAA,EAAA,OAAA,KAAA,OAAA,UAAA,KAA0B,MAAA,EAAA;AAAA,MAChCA,EAAwC,QAAA,EAAlC,OAAA,EAAA,OAAA,KAAA,OAAA,UAAA,KAA0B,MAAA,EAAA;AAAA,MAChCA,EAAwC,QAAA,EAAlC,OAAA,EAAA,OAAA,KAAA,OAAA,UAAA,KAA0B,MAAA,EAAA;AAAA,MAChCA,EAAwC,QAAA,EAAlC,OAAA,EAAA,OAAA,KAAA,OAAA,UAAA,KAA0B,MAAA,EAAA;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;ACkBpC,UAAMN,IAAQC,GAmBRC,IAAYC,EAAS,MAAM;AAC/B,YAAMC,IAAW;AAAA,QACf,cAAc;AAAA,MAAA;AAEhB,aAAAA,EAAI,QAAQJ,EAAM,SAAS,YAAY,EAAE,IAAI,IAE7CI,EAAI,GAAGJ,EAAM,SAAS,YAAY,IAAIA,EAAM,QAAQ,OAAO,EAAE,IAAI,IAC1DI;AAAA,IACT,CAAC;2BAlDCP,EAQM,OAAA;AAAA,MARA,SAAOK,EAAA,KAAS;AAAA,IAAA;MACID,EAAA,UAAK,qBAA7BM,EAAkDC,GAAA,EAAA,KAAA,EAAA,CAAA,KAErCP,EAAA,UAAK,sBADlBM,EAGEE,GAAA;AAAA;QADC,OAAOR,EAAA;AAAA,MAAA,0BAEqBA,EAAA,UAAK,uBAApCM,EAA2DG,GAAA,EAAA,KAAA,GAAA,KAC9BT,EAAA,UAAK,qBAAlCM,EAAuDI,GAAA,EAAA,KAAA,EAAA,CAAA;;;;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Index.vue_vue_type_script_setup_true_lang-D5cJAhwe.js","sources":["../../../src/libs/Web/PreviewExample/Index.vue"],"sourcesContent":["<template>\n  <div :class=\"clsParent\">\n    <div :class=\"clsContainer\">\n      <div\n        v-for=\"(info,inx) in optList\"\n        :key=\"`${pageBaseOpt.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            <i\n              title=\"预览\"\n              class=\"clIconFont clIcon-search\"\n              @click.stop=\"onPreview(info,inx,'image')\"\n            />\n            <i\n              v-if=\"isShowDelete\"\n              title=\"删除\"\n              class=\"clIconFont clIcon-close\"\n              @click.stop=\"onDelete(inx)\"\n            />\n          </div>\n        </template>\n        <template v-else-if=\"type==='video'\">\n          <div class=\"previewExample-video-img previewExample-image\">\n            <img\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          ><i class=\"clIconFont clIcon-play\" /></div>\n        </template>\n        <div\n          v-if=\"(label && label.length>0)||(info.label && info.label.length>0)\"\n          class=\"previewExample-label-msg\"\n        >{{ label && label.length>0?label:info.label }}</div>\n        <div\n          v-if=\"showNum>-1 && inx===optList.length-1 && pageBaseOpt.totalCount>showNum\"\n          class=\"previewExample-totalCount\"\n        ><span>共{{ pageBaseOpt.totalCount }}{{ type==='image'?\"张\":\"个\" }}</span></div>\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      ><cl-load theme=\"circleNotch\" /></div>\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 './index.css'\n\ndefineOptions({ name: 'ClPreviewexample' })\n\nexport interface ListInfo {\n  value: string\n  imgUrl: string\n  label: string\n}\n\nconst props = defineProps({\n  className: String,\n  classContainer: String,\n  classItem: {\n    type: String,\n    default: '',\n  },\n  type: {\n    type: String,\n    default: 'image', // image video\n  },\n  width: {\n    type: [Number, String],\n    default: 'auto',\n  },\n  height: {\n    type: Number,\n    required: true,\n  },\n  list: {\n    type: Array as () => ListInfo[],\n    default: () => [],\n  },\n  label: String,\n  previewIconSize: {\n    type: String,\n    default: 'large', // large | small\n  },\n  previewCallback: Function,\n  isShowLoading: {\n    type: Boolean,\n    default: false,\n  },\n  isLoading: {\n    type: Boolean,\n    default: false,\n  },\n  isShowDelete: {\n    type: Boolean,\n    default: false,\n  },\n  showNum: {\n    type: Number,\n    default: -1,\n  },\n  srcValueKey: {\n    type: String,\n    default: 'value',\n  },\n  isShowCopy: {\n    type: Boolean,\n    default: true,\n  },\n  isClickImagePreview: {\n    type: Boolean,\n    default: false,\n  },\n})\n\nconst emit = defineEmits(['onDelete'])\n\nconst _clGlobals: any = inject('$ClGlobals')\n\nconst pageBaseOpt: any = reactive({\n  keyIndex: `PreviewExample-${CommonBase.getRandom(8)}`,\n  totalCount: -1,\n})\nconst optList: any = ref([])\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  const { className } = props\n  const cls: any = {\n    'panel-previewExample': true,\n    'previewExample-width-default': optIsWidthEmpty.value,\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 clsContainer = computed(() => {\n  const { classContainer } = props\n  const cls: any = {\n    'previewExample-container': true,\n  }\n  if (classContainer && !CommonBase.isEmpty(classContainer)) {\n    classContainer.split(' ').forEach((c: string) => {\n      if (!CommonBase.isEmpty(c)) {\n        cls[c] = true\n      }\n    })\n  }\n  return cls\n})\n\nconst clsItem = computed(() => {\n  const { type, previewIconSize, classItem } = props\n  const cls: any = {\n    'previewExample-item': true,\n  }\n  cls[`previewExample-${type}`] = true\n  cls[`previewExample-iconSize-${previewIconSize}`] = true\n  if (classItem && !CommonBase.isEmpty(classItem)) {\n    classItem.split(' ').forEach((c: string) => {\n      if (!CommonBase.isEmpty(c)) {\n        cls[c] = true\n      }\n    })\n  }\n  return cls\n})\n\nconst styWH = computed(() => {\n  const sty: any = {\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 attrItemFun = (info: any) => {\n  const attr: any = {}\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\nconst _emitDelete = (inx: number) => {\n  emit('onDelete', inx)\n}\n\nconst _ininList = () => {\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: any[] = []\n  newList.forEach((info: any, i: number) => {\n    if (i + 1 <= newShowNum) {\n      if (CommonBase.isString(info)) {\n        temp.push({ value: info })\n      } else {\n        const srcValue = CommonBase.isExistJsonKey(info, srcValueKey) ? info[srcValueKey] : info.value\n        info.value = srcValue\n        temp.push(info)\n      }\n    }\n  })\n  newList = temp\n  pageBaseOpt.totalCount = list.length\n  optList.value = newList\n}\n\nconst _initMain = () => {\n  _ininList()\n}\n\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n\nwatch(\n  () => props.list,\n  () => {\n    _ininList()\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  if (props.previewCallback) {\n    props.previewCallback(type, info, showIndex)\n  } else {\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}\n\nconst onDelete = (inx: number) => {\n  _emitDelete(inx)\n}\n</script>\n"],"names":["props","__props","emit","__emit","_clGlobals","inject","pageBaseOpt","reactive","CommonBase","optList","ref","optIsWidthEmpty","computed","width","isEmpty","clsParent","className","cls","c","clsContainer","classContainer","clsItem","type","previewIconSize","classItem","styWH","sty","attrItemFun","info","attr","_emitDelete","inx","_ininList","list","showNum","srcValueKey","newList","newShowNum","temp","i","srcValue","_initMain","onMounted","nextTick","watch","onClickImage","showIndex","onPreview","src","p","onDelete","_createElementBlock","_createElementVNode","_openBlock","_Fragment","_renderList","_mergeProps","_createVNode","_component_cl_image","_withModifiers","$event","_hoisted_1","_hoisted_4","_hoisted_7","_toDisplayString","_hoisted_8","_renderSlot","_ctx","_component_cl_load"],"mappings":"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"}

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

@@ -0,0 +1,98 @@
+import { defineComponent as h, reactive as E, computed as u, onMounted as w, nextTick as I, openBlock as p, createElementBlock as m, withModifiers as _, normalizeClass as d, createElementVNode as r, renderSlot as x, createCommentVNode as H } from "vue";
+import { C as t } from "./base-PQGakkrl.js";
+import B from "../Element/__provide__/Clipboard.js";
+const M = { class: "clipboard-btn" }, g = {
+  key: 0,
+  class: "clipboard-operate-result"
+}, L = /* @__PURE__ */ h({
+  name: "ClClipboard",
+  __name: "Index",
+  props: {
+    // 必填属性
+    textLabel: {
+      type: [String, Function],
+      required: !0
+    },
+    // 简单属性（无默认值、非必填、无需验证）
+    className: String,
+    iconColorClass: String,
+    isUseSuccess: Boolean
+  },
+  emits: ["onCopySuccess", "onCopyError"],
+  setup(i, { emit: C }) {
+    const c = i, n = C, s = E({
+      isHover: !1,
+      isShowSuccess: !1
+    });
+    let l = null;
+    const f = u(() => {
+      const o = {
+        "panel-clipboard": !0
+      }, { className: e } = c;
+      return e && !t.isEmpty(e) && e.split(" ").forEach((a) => {
+        t.isEmpty(a) || (o[a] = !0);
+      }), o;
+    }), S = u(() => {
+      const o = {
+        clIconFont: !0,
+        "clIcon-copy": !0
+      }, { iconColorClass: e } = c;
+      return e && !t.isEmpty(e) && (o[e] = !0), o;
+    }), y = () => {
+      l = B();
+    };
+    w(() => {
+      I(() => {
+        y();
+      });
+    });
+    const b = () => {
+      let o = "";
+      const { textLabel: e } = c;
+      if (e)
+        switch (typeof e) {
+          case "function":
+            o = e();
+            break;
+          case "string":
+            o = e;
+            break;
+        }
+      t.isEmpty(o) ? n("onCopyError", o) : l.copy({
+        text: o,
+        successCallback: () => {
+          s.isShowSuccess = !0, n("onCopySuccess");
+        },
+        errorCallback: () => {
+          s.isShowSuccess = !1, n("onCopyError", o);
+        }
+      });
+    }, v = () => {
+      s.isHover = !0;
+    }, k = () => {
+      s.isShowSuccess = !1, s.isHover = !1;
+    };
+    return (o, e) => (p(), m("div", {
+      class: d(f.value),
+      onMouseenter: v,
+      onMouseleave: k,
+      onClick: _(b, ["stop"])
+    }, [
+      r("div", M, [
+        x(o.$slots, "default", {}, () => [
+          r("i", {
+            class: d(S.value),
+            title: "复制"
+          }, null, 2)
+        ])
+      ]),
+      i.isUseSuccess && s.isHover && s.isShowSuccess ? (p(), m("div", g, [...e[0] || (e[0] = [
+        r("i", { class: "clIconFont clIcon-check" }, null, -1)
+      ])])) : H("", !0)
+    ], 34));
+  }
+});
+export {
+  L as _
+};
+//# sourceMappingURL=Index.vue_vue_type_script_setup_true_lang-DKAxas3I.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Index.vue_vue_type_script_setup_true_lang-DKAxas3I.js","sources":["../../../src/libs/Element/Clipboard/Index.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"clsParent\"\n    @mouseenter=\"onHoverIn\"\n    @mouseleave=\"onHoverOut\"\n    @click.stop=\"onClick\"\n  >\n    <div class=\"clipboard-btn\">\n      <slot><i\n              :class=\"clsIcon\"\n              :title=\"'复制'\"\n          ></i></slot>\n    </div>\n    <div\n      v-if=\"isUseSuccess&& optBase.isHover && optBase.isShowSuccess\"\n      class=\"clipboard-operate-result\"\n    ><i class=\"clIconFont clIcon-check\"></i></div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport './Index.css'\nimport { onMounted, nextTick, computed, reactive } from 'vue'\nimport CommonBase from '../../Common/base'\nimport Clipboard from './index'\n\n// defineOptions\ndefineOptions({ name: 'ClClipboard' })\n\n// props\nconst props = defineProps({\n  // 必填属性\n  textLabel: {\n    type: [String, Function],\n    required: true\n  },\n  // 简单属性（无默认值、非必填、无需验证）\n  className: String,\n  iconColorClass: String,\n  isUseSuccess: Boolean,\n})\n\n// emit\nconst emit = defineEmits<{\n  (e: 'onCopySuccess'): void\n  (e: 'onCopyError', text: string): void\n}>()\n\n// reactive\nconst optBase = reactive({\n  isHover: false,\n  isShowSuccess: false,\n})\n\n// 内部数据\nlet clipboard: any = null\n\n// computed\nconst clsParent = computed(() => {\n  const clsTemp:any = {\n    'panel-clipboard': true,\n  }\n  const { className } = props\n  if (className && !CommonBase.isEmpty(className)) {\n    className.split(' ').forEach((cls) => {\n      if (!CommonBase.isEmpty(cls)) {\n        clsTemp[cls] = true\n      }\n    })\n  }\n  return clsTemp\n})\n\nconst clsIcon = computed(() => {\n  const clsTemp:any = {\n    clIconFont: true,\n    'clIcon-copy': true,\n  }\n\n  const { iconColorClass } = props\n  if (iconColorClass && !CommonBase.isEmpty(iconColorClass)) {\n    clsTemp[iconColorClass] = true\n  }\n  return clsTemp\n})\n\n// 内部方法\nconst _initMain = () => {\n  clipboard = Clipboard()\n}\n\n// 生命周期\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n\n// 内部触发的事件 on\nconst onClick = () => {\n  let text = ''\n  const { textLabel } = props\n  if (textLabel) {\n    switch (typeof textLabel) {\n      case 'function':\n        text = textLabel()\n        break\n      case 'string':\n        text = textLabel\n        break\n    }\n  }\n  if (!CommonBase.isEmpty(text)) {\n    clipboard.copy({\n      text,\n      successCallback: () => {\n        optBase.isShowSuccess = true\n        emit('onCopySuccess')\n      },\n      errorCallback: () => {\n        optBase.isShowSuccess = false\n        emit('onCopyError', text)\n      },\n    })\n  } else {\n    emit('onCopyError', text)\n  }\n}\n\nconst onHoverIn = () => {\n  optBase.isHover = true\n}\n\nconst onHoverOut = () => {\n  optBase.isShowSuccess = false\n  optBase.isHover = false\n}\n</script>\n"],"names":["props","__props","emit","__emit","optBase","reactive","clipboard","clsParent","computed","clsTemp","className","CommonBase","cls","clsIcon","iconColorClass","_initMain","Clipboard","onMounted","nextTick","onClick","text","textLabel","onHoverIn","onHoverOut","_createElementBlock","_createElementVNode","_hoisted_1","_renderSlot","_ctx","_openBlock","_hoisted_2","_cache"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8BA,UAAMA,IAAQC,GAaRC,IAAOC,GAMPC,IAAUC,EAAS;AAAA,MACvB,SAAS;AAAA,MACT,eAAe;AAAA,IAAA,CAChB;AAGD,QAAIC,IAAiB;AAGrB,UAAMC,IAAYC,EAAS,MAAM;AAC/B,YAAMC,IAAc;AAAA,QAClB,mBAAmB;AAAA,MAAA,GAEf,EAAE,WAAAC,MAAcV;AACtB,aAAIU,KAAa,CAACC,EAAW,QAAQD,CAAS,KAC5CA,EAAU,MAAM,GAAG,EAAE,QAAQ,CAACE,MAAQ;AACpC,QAAKD,EAAW,QAAQC,CAAG,MACzBH,EAAQG,CAAG,IAAI;AAAA,MAEnB,CAAC,GAEIH;AAAA,IACT,CAAC,GAEKI,IAAUL,EAAS,MAAM;AAC7B,YAAMC,IAAc;AAAA,QAClB,YAAY;AAAA,QACZ,eAAe;AAAA,MAAA,GAGX,EAAE,gBAAAK,MAAmBd;AAC3B,aAAIc,KAAkB,CAACH,EAAW,QAAQG,CAAc,MACtDL,EAAQK,CAAc,IAAI,KAErBL;AAAA,IACT,CAAC,GAGKM,IAAY,MAAM;AACtB,MAAAT,IAAYU,EAAA;AAAA,IACd;AAGA,IAAAC,EAAU,MAAM;AACd,MAAAC,EAAS,MAAM;AACb,QAAAH,EAAA;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAGD,UAAMI,IAAU,MAAM;AACpB,UAAIC,IAAO;AACX,YAAM,EAAE,WAAAC,MAAcrB;AACtB,UAAIqB;AACF,gBAAQ,OAAOA,GAAA;AAAA,UACb,KAAK;AACH,YAAAD,IAAOC,EAAA;AACP;AAAA,UACF,KAAK;AACH,YAAAD,IAAOC;AACP;AAAA,QAAA;AAGN,MAAKV,EAAW,QAAQS,CAAI,IAa1BlB,EAAK,eAAekB,CAAI,IAZxBd,EAAU,KAAK;AAAA,QACb,MAAAc;AAAA,QACA,iBAAiB,MAAM;AACrB,UAAAhB,EAAQ,gBAAgB,IACxBF,EAAK,eAAe;AAAA,QACtB;AAAA,QACA,eAAe,MAAM;AACnB,UAAAE,EAAQ,gBAAgB,IACxBF,EAAK,eAAekB,CAAI;AAAA,QAC1B;AAAA,MAAA,CACD;AAAA,IAIL,GAEME,IAAY,MAAM;AACtB,MAAAlB,EAAQ,UAAU;AAAA,IACpB,GAEMmB,IAAa,MAAM;AACvB,MAAAnB,EAAQ,gBAAgB,IACxBA,EAAQ,UAAU;AAAA,IACpB;2BAvIEoB,EAgBM,OAAA;AAAA,MAfH,SAAOjB,EAAA,KAAS;AAAA,MAChB,cAAYe;AAAA,MACZ,cAAYC;AAAA,MACZ,WAAYJ,GAAO,CAAA,MAAA,CAAA;AAAA,IAAA;MAEpBM,EAKM,OALNC,GAKM;AAAA,QAJJC,EAGgBC,yBAHhB,MAGgB;AAAA,UAHVH,EAGG,KAAA;AAAA,YAFA,SAAOZ,EAAA,KAAO;AAAA,YACd,OAAO;AAAA,UAAA;;;MAIVZ,EAAA,gBAAeG,EAAQ,WAAWA,EAAQ,iBADlDyB,KAAAL,EAG8C,OAH9CM,GAG8C,CAAA,GAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,QAA7CN,EAAuC,KAAA,EAApC,OAAM,0BAAA,GAAyB,MAAA,EAAA;AAAA,MAAA;;;;"}