@cldemo/ui-kit 1.0.0

package/buildLibs/utils/Element/ClModal.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("../Shared/Index.vue_vue_type_script_setup_true_lang-CVPvV5cZ.js");module.exports=e._sfc_main;
+//# sourceMappingURL=ClModal.cjs.map

package/buildLibs/utils/Element/ClModal.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClModal.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/buildLibs/utils/Element/ClModal.d.ts

@@ -0,0 +1,3 @@
+import type { DefineComponent } from 'vue'
+declare const _default: DefineComponent<object, object, any>
+export default _default

package/buildLibs/utils/Element/ClModal.js

@@ -0,0 +1,5 @@
+import { _ as f } from "../Shared/Index.vue_vue_type_script_setup_true_lang-Da4Z8GsB.js";
+export {
+  f as default
+};
+//# sourceMappingURL=ClModal.js.map

package/buildLibs/utils/Element/ClModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClModal.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/buildLibs/utils/Element/ClProgress.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue"),c=require("../Shared/base-iCmnU-fv.js"),z=require("../Shared/resize-COkswDOq.js"),L={key:0,class:"progress"},_={class:"progress-circular-line circular-line-right"},O={class:"progress-circular-line circular-line-left"},V=e.defineComponent({name:"ClProgress",__name:"Index",props:{className:String,theme:{type:String,default:"horizontal"},color:String,ratio:{type:[Number,String],required:!0},isShowNum:{type:Boolean,default:!0},isAnimation:{type:Boolean,default:!0},diameter:{type:String,default:"50px"},showNumText:String,showNumPos:{type:String,default:"out-center"},showNumTrigger:{type:String,default:"hover"},showNumColor:String},setup(p){const i=p,u=e.ref(null),h=e.ref(null),o=e.reactive({isHorizontal:i.theme==="horizontal",isCircular:i.theme==="circular",ratioHundred:"",circularLeftRotate:-45,circularLeftTime:0,circularRightRotate:-45,circularRightTime:0,posText:{inOut:"out",lcr:"center",isOverflow:!1}}),a={lastRatio:"",lastRotateLeft:-45,lastRotateRight:-45,runTimeCircularRotate:null,resizeEvent:null},y=e.computed(()=>{let t="";const{showNumText:r}=i;if(r&&!c.CommonBase.isEmpty(r))t=r;else{let s=o.ratioHundred;s=s.substring(0,s.length-2),t=c.CommonBase.getFormatThousands(s)+"%"}return t}),E=e.computed(()=>{const t={"panel-progress":!0};t[`progress-${i.theme}`]=!0;const{className:r,isShowNum:s,showNumTrigger:n}=i;return s&&n!=="none"&&(t[`progress-${n}-num`]=!0),r&&!c.CommonBase.isEmpty(r)&&r.split(" ").forEach(l=>{c.CommonBase.isEmpty(l)||(t[l]=!0)}),t}),v=e.computed(()=>{const t={};return o.isCircular&&(c.CommonBase.isEmpty(i.diameter)||(t.width=i.diameter,t.height=i.diameter)),t}),N=e.computed(()=>({"progress-bar":!0,"progress-bar-striped":i.isAnimation,"striped-animation":i.isAnimation})),x=e.computed(()=>{const t={};if(t.width=o.ratioHundred,c.CommonBase.isEmpty(i.color)||(t["background-color"]=i.color),o.isHorizontal&&o.posText.inOut==="in"){let r="center";switch(o.posText.lcr){case"left":r="flex-start";break;case"center":r="center";break;case"right":r="flex-end";break}o.posText.isOverflow&&(r="flex-start"),t["justify-content"]=r}return t}),R=e.computed(()=>{const t={},{showNumColor:r}=i;return r&&!c.CommonBase.isEmpty(r)&&(t.color=r),t}),S=e.computed(()=>{const t={};return t.transform=`rotate(${o.circularRightRotate}deg)`,o.circularRightTime>0&&(t["transition-duration"]=`${o.circularRightTime}ms`),c.CommonBase.isEmpty(i.color)||(t["border-bottom-color"]=i.color,t["border-right-color"]=i.color),t}),b=e.computed(()=>{const t={};return t.transform=`rotate(${o.circularLeftRotate}deg)`,o.circularLeftTime&&(t["transition-duration"]=`${o.circularLeftTime}ms`),c.CommonBase.isEmpty(i.color)||(t["border-bottom-color"]=i.color,t["border-right-color"]=i.color),t}),k=()=>{const{showNumPos:t}=i,r=t.split("-");r.length===2&&(o.posText.inOut=c.CommonBase.isExistValue(["in","out"],r[0])?r[0]:"out",o.posText.lcr=c.CommonBase.isExistValue(["left","center","right"],r[1])?r[1]:"center")},T=t=>{let r=c.CommonBase.isEmpty(t)?0:Number(t);if(r<=0?r=0:r>=100&&(r=100),o.ratioHundred=`${r}%`,o.isCircular){a.runTimeCircularRotate&&clearTimeout(a.runTimeCircularRotate);const s=r/100*360;let n=0,l=0;s<180?(n=s+-45,l=-45):(n=135,l=s-180-45);let C=!0;c.CommonBase.isEmpty(a.lastRatio)||(C=r>=Number(a.lastRatio));let m=0,f=0;const d=Math.abs(n-a.lastRotateRight),g=Math.abs(l-a.lastRotateLeft);if(d>0&&g>0){const B=400/(d+g);m=d*B,f=g*B}C?(o.circularRightRotate=n,o.circularRightTime=m,e.nextTick(()=>{a.runTimeCircularRotate=setTimeout(()=>{o.circularLeftRotate=l,o.circularLeftTime=f},m)})):(o.circularLeftRotate=l,o.circularLeftTime=f,e.nextTick(()=>{a.runTimeCircularRotate=setTimeout(()=>{o.circularRightRotate=n,o.circularRightTime=m},f)})),a.lastRotateRight=n,a.lastRotateLeft=l}a.lastRatio=String(r)},w=()=>{k(),T(i.ratio),a.resizeEvent=new z.Resize({element:h.value,callback:()=>{if(i.isShowNum&&o.isHorizontal&&o.posText.inOut==="in"&&u.value){const t=u.value.querySelector(".progress-bar"),r=u.value.querySelector(".progress-num");if(t&&r){const s=t.clientWidth,n=r.clientWidth;let l=!1;s===0&&n===0?l=!1:s===0&&n>0?l=!0:l=s>0&&n>s,o.posText.isOverflow=l}}}})};return e.watch(()=>i.ratio,(t,r)=>{t!==r&&T(t)}),e.onMounted(()=>{e.nextTick(()=>{w()})}),e.onUnmounted(()=>{a.resizeEvent&&a.resizeEvent.destroy()}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"refElTopParent",ref:u,class:e.normalizeClass(E.value),style:e.normalizeStyle(v.value)},[o.isHorizontal?(e.openBlock(),e.createElementBlock("div",L,[e.createElementVNode("div",{ref_key:"refElBar",ref:h,class:e.normalizeClass(N.value),style:e.normalizeStyle(x.value)},[p.isShowNum&&o.posText.inOut==="in"?(e.openBlock(),e.createElementBlock("span",{key:0,class:"progress-num",style:e.normalizeStyle(R.value)},e.toDisplayString(y.value),5)):e.createCommentVNode("",!0)],6)])):o.isCircular?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createElementVNode("div",_,[e.createElementVNode("div",{class:"progress-circular-bar",style:e.normalizeStyle(S.value)},null,4)]),e.createElementVNode("div",O,[e.createElementVNode("div",{class:"progress-circular-bar",style:e.normalizeStyle(b.value)},null,4)])],64)):e.createCommentVNode("",!0),p.isShowNum&&o.posText.inOut==="out"?(e.openBlock(),e.createElementBlock("span",{key:2,class:"progress-num",style:e.normalizeStyle(R.value)},e.toDisplayString(y.value),5)):e.createCommentVNode("",!0)],6))}});module.exports=V;
+//# sourceMappingURL=ClProgress.cjs.map

package/buildLibs/utils/Element/ClProgress.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClProgress.cjs","sources":["../../../src/libs/Element/Progress/Index.vue"],"sourcesContent":["<template>\n  <div ref=\"refElTopParent\" :class=\"clsParent\" :style=\"styParent\">\n    <template v-if=\"optBase.isHorizontal\">\n      <div class=\"progress\">\n        <div ref=\"refElBar\" :class=\"clsBar\" :style=\"styBar\">\n          <span v-if=\"isShowNum && optBase.posText.inOut === 'in'\" class=\"progress-num\" :style=\"styNum\">{{ optShowNumText }}</span>\n        </div>\n      </div>\n    </template>\n    <template v-else-if=\"optBase.isCircular\">\n      <div class=\"progress-circular-line circular-line-right\">\n        <div class=\"progress-circular-bar\" :style=\"styCircularBarRight\"></div>\n      </div>\n      <div class=\"progress-circular-line circular-line-left\">\n        <div class=\"progress-circular-bar\" :style=\"styCircularBarLeft\"></div>\n      </div>\n    </template>\n    <span v-if=\"isShowNum && optBase.posText.inOut === 'out'\" class=\"progress-num\" :style=\"styNum\">{{ optShowNumText }}</span>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, reactive, computed, watch, onMounted, onUnmounted, nextTick } from 'vue'\nimport CommonBase from '../../Common/base'\nimport { Resize as ResizeEvent } from '../../Common/Element/Event/index'\nimport './Index.css'\n\ndefineOptions({ name: 'ClProgress' })\n\nconst props = defineProps({\n  className: String,\n  theme: {\n    type: String,\n    default: 'horizontal' // horizontal | circular\n  },\n  color: String,\n  ratio: {\n    type: [Number, String],\n    required: true\n  },\n  isShowNum: {\n    type: Boolean,\n    default: true\n  },\n  isAnimation: {\n    type: Boolean,\n    default: true\n  },\n  diameter: {\n    type: String,\n    default: '50px'\n  },\n  showNumText: String,\n  showNumPos: {\n    type: String,\n    default: 'out-center' // out-center|out-left|out-right|in-center|in-left|in-right\n  },\n  showNumTrigger: {\n    type: String,\n    default: 'hover' // none|hover\n  },\n  showNumColor: String\n})\n\nconst refElTopParent = ref<HTMLElement | null>(null)\nconst refElBar = ref<HTMLElement | null>(null)\n\nconst optBase = reactive({\n  isHorizontal: props.theme === 'horizontal',\n  isCircular: props.theme === 'circular',\n  ratioHundred: '',\n  circularLeftRotate: -45,\n  circularLeftTime: 0,\n  circularRightRotate: -45,\n  circularRightTime: 0,\n  posText: {\n    inOut: 'out',\n    lcr: 'center',\n    isOverflow: false\n  }\n})\n\nconst _pageData: {\n  lastRatio: string\n  lastRotateLeft: number\n  lastRotateRight: number\n  runTimeCircularRotate: ReturnType<typeof setTimeout> | null\n  resizeEvent: any\n} = {\n  lastRatio: '',\n  lastRotateLeft: -45,\n  lastRotateRight: -45,\n  runTimeCircularRotate: null,\n  resizeEvent: null\n}\n\nconst optShowNumText = computed(() => {\n  let txt = ''\n  const { showNumText } = props\n  if (showNumText && !CommonBase.isEmpty(showNumText)) {\n    txt = showNumText\n  } else {\n    let r = optBase.ratioHundred\n    r = r.substring(0, r.length - 2)\n    txt = CommonBase.getFormatThousands(r) + '%'\n  }\n  return txt\n})\n\nconst clsParent = computed(() => {\n  const cls: Record<string, boolean> = {\n    'panel-progress': true\n  }\n  cls[`progress-${props.theme}`] = true\n\n  const { className, isShowNum, showNumTrigger } = props\n  if (isShowNum && showNumTrigger !== 'none') {\n    cls[`progress-${showNumTrigger}-num`] = true\n  }\n  if (className && !CommonBase.isEmpty(className)) {\n    className.split(' ').forEach((c: string) => {\n      if (!CommonBase.isEmpty(c)) {\n        cls[c] = true\n      }\n    })\n  }\n  return cls\n})\n\nconst styParent = computed(() => {\n  const sty: Record<string, string | undefined> = {}\n  if (optBase.isCircular) {\n    if (!CommonBase.isEmpty(props.diameter)) {\n      sty.width = props.diameter\n      sty.height = props.diameter\n    }\n  }\n  return sty\n})\n\nconst clsBar = computed(() => {\n  const cls: Record<string, boolean> = {\n    'progress-bar': true,\n    'progress-bar-striped': props.isAnimation,\n    'striped-animation': props.isAnimation\n  }\n  return cls\n})\n\nconst styBar = computed(() => {\n  const sty: Record<string, string | undefined> = {}\n  sty.width = optBase.ratioHundred\n  if (!CommonBase.isEmpty(props.color)) {\n    sty['background-color'] = props.color\n  }\n  if (optBase.isHorizontal && optBase.posText.inOut === 'in') {\n    let justifyContent = 'center'\n    switch (optBase.posText.lcr) {\n      case 'left':\n        justifyContent = 'flex-start'\n        break\n      case 'center':\n        justifyContent = 'center'\n        break\n      case 'right':\n        justifyContent = 'flex-end'\n        break\n    }\n    if (optBase.posText.isOverflow) {\n      justifyContent = 'flex-start'\n    }\n    sty['justify-content'] = justifyContent\n  }\n  return sty\n})\n\nconst styNum = computed(() => {\n  const sty: Record<string, string | undefined> = {}\n  const { showNumColor } = props\n  if (showNumColor && !CommonBase.isEmpty(showNumColor)) {\n    sty['color'] = showNumColor\n  }\n  return sty\n})\n\nconst styCircularBarRight = computed(() => {\n  const sty: Record<string, string | undefined> = {}\n  sty.transform = `rotate(${optBase.circularRightRotate}deg)`\n  if (optBase.circularRightTime > 0) {\n    sty['transition-duration'] = `${optBase.circularRightTime}ms`\n  }\n  if (!CommonBase.isEmpty(props.color)) {\n    sty['border-bottom-color'] = props.color\n    sty['border-right-color'] = props.color\n  }\n  return sty\n})\n\nconst styCircularBarLeft = computed(() => {\n  const sty: Record<string, string | undefined> = {}\n  sty.transform = `rotate(${optBase.circularLeftRotate}deg)`\n  if (optBase.circularLeftTime) {\n    sty['transition-duration'] = `${optBase.circularLeftTime}ms`\n  }\n  if (!CommonBase.isEmpty(props.color)) {\n    sty['border-bottom-color'] = props.color\n    sty['border-right-color'] = props.color\n  }\n  return sty\n})\n\n// 内部方法\nconst _initPost = () => {\n  const { showNumPos } = props\n  const arrTemp = showNumPos.split('-')\n  if (arrTemp.length === 2) {\n    optBase.posText.inOut = CommonBase.isExistValue(['in', 'out'], arrTemp[0]) ? arrTemp[0] : 'out'\n    optBase.posText.lcr = CommonBase.isExistValue(['left', 'center', 'right'], arrTemp[1]) ? arrTemp[1] : 'center'\n  }\n}\n\nconst _initRatio = (ratio: number | string) => {\n  let newRatio = CommonBase.isEmpty(ratio) ? 0 : Number(ratio)\n  if (newRatio <= 0) {\n    newRatio = 0\n  } else if (newRatio >= 100) {\n    newRatio = 100\n  }\n  optBase.ratioHundred = `${newRatio}%`\n  if (optBase.isCircular) {\n    if (_pageData.runTimeCircularRotate) {\n      clearTimeout(_pageData.runTimeCircularRotate)\n    }\n\n    const rotate = (newRatio / 100) * 360\n    let rotateRight = 0\n    let rotateLeft = 0\n    if (rotate < 180) {\n      rotateRight = rotate + -45\n      rotateLeft = -45\n    } else {\n      rotateRight = 135\n      rotateLeft = rotate - 180 - 45\n    }\n    let isIncrease = true\n    const isEmptyLst = CommonBase.isEmpty(_pageData.lastRatio)\n    if (!isEmptyLst) {\n      isIncrease = newRatio >= Number(_pageData.lastRatio)\n    }\n    let timeRight = 0\n    let timeLeft = 0\n    const diffRight = Math.abs(rotateRight - _pageData.lastRotateRight)\n    const diffLeft = Math.abs(rotateLeft - _pageData.lastRotateLeft)\n    if (diffRight > 0 && diffLeft > 0) {\n      const time = 400 / (diffRight + diffLeft)\n      timeRight = diffRight * time\n      timeLeft = diffLeft * time\n    }\n\n    if (isIncrease) {\n      optBase.circularRightRotate = rotateRight\n      optBase.circularRightTime = timeRight\n\n      nextTick(() => {\n        _pageData.runTimeCircularRotate = setTimeout(() => {\n          optBase.circularLeftRotate = rotateLeft\n          optBase.circularLeftTime = timeLeft\n        }, timeRight)\n      })\n    } else {\n      optBase.circularLeftRotate = rotateLeft\n      optBase.circularLeftTime = timeLeft\n      nextTick(() => {\n        _pageData.runTimeCircularRotate = setTimeout(() => {\n          optBase.circularRightRotate = rotateRight\n          optBase.circularRightTime = timeRight\n        }, timeLeft)\n      })\n    }\n    _pageData.lastRotateRight = rotateRight\n    _pageData.lastRotateLeft = rotateLeft\n  }\n  _pageData.lastRatio = String(newRatio)\n}\n\nconst _initMain = () => {\n  _initPost()\n  _initRatio(props.ratio)\n  _pageData.resizeEvent = new ResizeEvent({\n    element: refElBar.value,\n    callback: () => {\n      if (props.isShowNum && optBase.isHorizontal && optBase.posText.inOut === 'in') {\n        if (refElTopParent.value) {\n          const elBar = refElTopParent.value.querySelector('.progress-bar')\n          const elNum = refElTopParent.value.querySelector('.progress-num')\n          if (elBar && elNum) {\n            const barW = elBar.clientWidth\n            const numW = elNum.clientWidth\n            let isOverflow = false\n            if (barW === 0 && numW === 0) {\n              isOverflow = false\n            } else {\n              if (barW === 0 && numW > 0) {\n                isOverflow = true\n              } else {\n                isOverflow = barW > 0 && numW > barW\n              }\n            }\n            optBase.posText.isOverflow = isOverflow\n          }\n        }\n      }\n    }\n  })\n}\n\nwatch(\n  () => props.ratio,\n  (newValue, oldValue) => {\n    if (newValue !== oldValue) {\n      _initRatio(newValue)\n    }\n  }\n)\n\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n\nonUnmounted(() => {\n  if (_pageData.resizeEvent) {\n    _pageData.resizeEvent.destroy()\n  }\n})\n</script>\n"],"names":["props","__props","refElTopParent","ref","refElBar","optBase","reactive","_pageData","optShowNumText","computed","txt","showNumText","CommonBase","r","clsParent","cls","className","isShowNum","showNumTrigger","c","styParent","sty","clsBar","styBar","justifyContent","styNum","showNumColor","styCircularBarRight","styCircularBarLeft","_initPost","showNumPos","arrTemp","_initRatio","ratio","newRatio","rotate","rotateRight","rotateLeft","isIncrease","timeRight","timeLeft","diffRight","diffLeft","time","nextTick","_initMain","ResizeEvent","elBar","elNum","barW","numW","isOverflow","watch","newValue","oldValue","onMounted","onUnmounted","_createElementBlock","_openBlock","_hoisted_1","_createElementVNode","_Fragment","_hoisted_2","_hoisted_3"],"mappings":"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"}

package/buildLibs/utils/Element/ClProgress.css

@@ -0,0 +1 @@
+.panel-progress{position:relative}.progress-bar{background-color:#1088f0}.progress-bar-striped.striped-animation{animation:progress-bar-stripes-alternate 2s linear infinite}@keyframes progress-bar-stripes-alternate{0%{background-position:0 0}to{background-position:3rem 0}}.progress-horizontal{text-align:center;height:14px;overflow:hidden}.progress-horizontal .progress{height:14px;border-radius:.25rem;background-color:#ddd;box-shadow:none!important}.progress-horizontal .progress-bar{flex-direction:row;align-items:center;justify-content:center}.progress-horizontal .progress-num{position:absolute;padding:0 2px;top:0;color:#fff;font-size:12px;height:14px;line-height:14px;z-index:2;opacity:1;transition:opacity .4s linear;display:inline-block;cursor:default;white-space:nowrap}.progress-horizontal.progress-hover-num .progress-num{opacity:0}.progress-horizontal.progress-hover-num .progress:hover+.progress-num{opacity:1}.progress-horizontal.progress-hover-num .progress:hover .progress-num{opacity:1}.progress-circular-line{position:absolute;width:50%;height:100%;top:0;overflow:hidden}.circular-line-left{top:0;left:0}.circular-line-right{top:0;transform:rotate(180deg);right:0}.progress-circular-bar{width:200%;height:100%;border-radius:50%;position:absolute;box-sizing:border-box;top:0;transform:rotate(-45deg);border-top:4px solid #ddd;border-left:4px solid #ddd;border-bottom:4px solid #1088f0;border-right:4px solid #1088f0;transition:transform .4s linear}.progress-circular .progress-num{color:#000!important;font-size:12px;z-index:2;display:none;flex-direction:row;align-items:center;justify-content:center;height:inherit}.progress-circular .circular-line-right:hover+.circular-line-left+.progress-num{display:flex}.progress-circular .circular-line-left:hover+.progress-num{display:flex}

package/buildLibs/utils/Element/ClProgress.d.ts

@@ -0,0 +1,3 @@
+import type { DefineComponent } from 'vue'
+declare const _default: DefineComponent<object, object, any>
+export default _default

package/buildLibs/utils/Element/ClProgress.js

@@ -0,0 +1,219 @@
+import { defineComponent as q, ref as L, reactive as A, computed as c, watch as V, onMounted as j, nextTick as v, onUnmounted as D, openBlock as m, createElementBlock as f, normalizeStyle as u, normalizeClass as k, createElementVNode as p, toDisplayString as _, createCommentVNode as E, Fragment as F } from "vue";
+import { C as n } from "../Shared/base-PQGakkrl.js";
+import { R as I } from "../Shared/resize-kOWxHVSP.js";
+const U = {
+  key: 0,
+  class: "progress"
+}, G = { class: "progress-circular-line circular-line-right" }, J = { class: "progress-circular-line circular-line-left" }, Z = /* @__PURE__ */ q({
+  name: "ClProgress",
+  __name: "Index",
+  props: {
+    className: String,
+    theme: {
+      type: String,
+      default: "horizontal"
+      // horizontal | circular
+    },
+    color: String,
+    ratio: {
+      type: [Number, String],
+      required: !0
+    },
+    isShowNum: {
+      type: Boolean,
+      default: !0
+    },
+    isAnimation: {
+      type: Boolean,
+      default: !0
+    },
+    diameter: {
+      type: String,
+      default: "50px"
+    },
+    showNumText: String,
+    showNumPos: {
+      type: String,
+      default: "out-center"
+      // out-center|out-left|out-right|in-center|in-left|in-right
+    },
+    showNumTrigger: {
+      type: String,
+      default: "hover"
+      // none|hover
+    },
+    showNumColor: String
+  },
+  setup(y) {
+    const i = y, g = L(null), x = L(null), r = A({
+      isHorizontal: i.theme === "horizontal",
+      isCircular: i.theme === "circular",
+      ratioHundred: "",
+      circularLeftRotate: -45,
+      circularLeftTime: 0,
+      circularRightRotate: -45,
+      circularRightTime: 0,
+      posText: {
+        inOut: "out",
+        lcr: "center",
+        isOverflow: !1
+      }
+    }), s = {
+      lastRatio: "",
+      lastRotateLeft: -45,
+      lastRotateRight: -45,
+      runTimeCircularRotate: null,
+      resizeEvent: null
+    }, b = c(() => {
+      let t = "";
+      const { showNumText: e } = i;
+      if (e && !n.isEmpty(e))
+        t = e;
+      else {
+        let o = r.ratioHundred;
+        o = o.substring(0, o.length - 2), t = n.getFormatThousands(o) + "%";
+      }
+      return t;
+    }), z = c(() => {
+      const t = {
+        "panel-progress": !0
+      };
+      t[`progress-${i.theme}`] = !0;
+      const { className: e, isShowNum: o, showNumTrigger: l } = i;
+      return o && l !== "none" && (t[`progress-${l}-num`] = !0), e && !n.isEmpty(e) && e.split(" ").forEach((a) => {
+        n.isEmpty(a) || (t[a] = !0);
+      }), t;
+    }), B = c(() => {
+      const t = {};
+      return r.isCircular && (n.isEmpty(i.diameter) || (t.width = i.diameter, t.height = i.diameter)), t;
+    }), O = c(() => ({
+      "progress-bar": !0,
+      "progress-bar-striped": i.isAnimation,
+      "striped-animation": i.isAnimation
+    })), H = c(() => {
+      const t = {};
+      if (t.width = r.ratioHundred, n.isEmpty(i.color) || (t["background-color"] = i.color), r.isHorizontal && r.posText.inOut === "in") {
+        let e = "center";
+        switch (r.posText.lcr) {
+          case "left":
+            e = "flex-start";
+            break;
+          case "center":
+            e = "center";
+            break;
+          case "right":
+            e = "flex-end";
+            break;
+        }
+        r.posText.isOverflow && (e = "flex-start"), t["justify-content"] = e;
+      }
+      return t;
+    }), w = c(() => {
+      const t = {}, { showNumColor: e } = i;
+      return e && !n.isEmpty(e) && (t.color = e), t;
+    }), P = c(() => {
+      const t = {};
+      return t.transform = `rotate(${r.circularRightRotate}deg)`, r.circularRightTime > 0 && (t["transition-duration"] = `${r.circularRightTime}ms`), n.isEmpty(i.color) || (t["border-bottom-color"] = i.color, t["border-right-color"] = i.color), t;
+    }), $ = c(() => {
+      const t = {};
+      return t.transform = `rotate(${r.circularLeftRotate}deg)`, r.circularLeftTime && (t["transition-duration"] = `${r.circularLeftTime}ms`), n.isEmpty(i.color) || (t["border-bottom-color"] = i.color, t["border-right-color"] = i.color), t;
+    }), M = () => {
+      const { showNumPos: t } = i, e = t.split("-");
+      e.length === 2 && (r.posText.inOut = n.isExistValue(["in", "out"], e[0]) ? e[0] : "out", r.posText.lcr = n.isExistValue(["left", "center", "right"], e[1]) ? e[1] : "center");
+    }, N = (t) => {
+      let e = n.isEmpty(t) ? 0 : Number(t);
+      if (e <= 0 ? e = 0 : e >= 100 && (e = 100), r.ratioHundred = `${e}%`, r.isCircular) {
+        s.runTimeCircularRotate && clearTimeout(s.runTimeCircularRotate);
+        const o = e / 100 * 360;
+        let l = 0, a = 0;
+        o < 180 ? (l = o + -45, a = -45) : (l = 135, a = o - 180 - 45);
+        let C = !0;
+        n.isEmpty(s.lastRatio) || (C = e >= Number(s.lastRatio));
+        let h = 0, d = 0;
+        const R = Math.abs(l - s.lastRotateRight), T = Math.abs(a - s.lastRotateLeft);
+        if (R > 0 && T > 0) {
+          const S = 400 / (R + T);
+          h = R * S, d = T * S;
+        }
+        C ? (r.circularRightRotate = l, r.circularRightTime = h, v(() => {
+          s.runTimeCircularRotate = setTimeout(() => {
+            r.circularLeftRotate = a, r.circularLeftTime = d;
+          }, h);
+        })) : (r.circularLeftRotate = a, r.circularLeftTime = d, v(() => {
+          s.runTimeCircularRotate = setTimeout(() => {
+            r.circularRightRotate = l, r.circularRightTime = h;
+          }, d);
+        })), s.lastRotateRight = l, s.lastRotateLeft = a;
+      }
+      s.lastRatio = String(e);
+    }, W = () => {
+      M(), N(i.ratio), s.resizeEvent = new I({
+        element: x.value,
+        callback: () => {
+          if (i.isShowNum && r.isHorizontal && r.posText.inOut === "in" && g.value) {
+            const t = g.value.querySelector(".progress-bar"), e = g.value.querySelector(".progress-num");
+            if (t && e) {
+              const o = t.clientWidth, l = e.clientWidth;
+              let a = !1;
+              o === 0 && l === 0 ? a = !1 : o === 0 && l > 0 ? a = !0 : a = o > 0 && l > o, r.posText.isOverflow = a;
+            }
+          }
+        }
+      });
+    };
+    return V(
+      () => i.ratio,
+      (t, e) => {
+        t !== e && N(t);
+      }
+    ), j(() => {
+      v(() => {
+        W();
+      });
+    }), D(() => {
+      s.resizeEvent && s.resizeEvent.destroy();
+    }), (t, e) => (m(), f("div", {
+      ref_key: "refElTopParent",
+      ref: g,
+      class: k(z.value),
+      style: u(B.value)
+    }, [
+      r.isHorizontal ? (m(), f("div", U, [
+        p("div", {
+          ref_key: "refElBar",
+          ref: x,
+          class: k(O.value),
+          style: u(H.value)
+        }, [
+          y.isShowNum && r.posText.inOut === "in" ? (m(), f("span", {
+            key: 0,
+            class: "progress-num",
+            style: u(w.value)
+          }, _(b.value), 5)) : E("", !0)
+        ], 6)
+      ])) : r.isCircular ? (m(), f(F, { key: 1 }, [
+        p("div", G, [
+          p("div", {
+            class: "progress-circular-bar",
+            style: u(P.value)
+          }, null, 4)
+        ]),
+        p("div", J, [
+          p("div", {
+            class: "progress-circular-bar",
+            style: u($.value)
+          }, null, 4)
+        ])
+      ], 64)) : E("", !0),
+      y.isShowNum && r.posText.inOut === "out" ? (m(), f("span", {
+        key: 2,
+        class: "progress-num",
+        style: u(w.value)
+      }, _(b.value), 5)) : E("", !0)
+    ], 6));
+  }
+});
+export {
+  Z as default
+};
+//# sourceMappingURL=ClProgress.js.map

package/buildLibs/utils/Element/ClProgress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClProgress.js","sources":["../../../src/libs/Element/Progress/Index.vue"],"sourcesContent":["<template>\n  <div ref=\"refElTopParent\" :class=\"clsParent\" :style=\"styParent\">\n    <template v-if=\"optBase.isHorizontal\">\n      <div class=\"progress\">\n        <div ref=\"refElBar\" :class=\"clsBar\" :style=\"styBar\">\n          <span v-if=\"isShowNum && optBase.posText.inOut === 'in'\" class=\"progress-num\" :style=\"styNum\">{{ optShowNumText }}</span>\n        </div>\n      </div>\n    </template>\n    <template v-else-if=\"optBase.isCircular\">\n      <div class=\"progress-circular-line circular-line-right\">\n        <div class=\"progress-circular-bar\" :style=\"styCircularBarRight\"></div>\n      </div>\n      <div class=\"progress-circular-line circular-line-left\">\n        <div class=\"progress-circular-bar\" :style=\"styCircularBarLeft\"></div>\n      </div>\n    </template>\n    <span v-if=\"isShowNum && optBase.posText.inOut === 'out'\" class=\"progress-num\" :style=\"styNum\">{{ optShowNumText }}</span>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, reactive, computed, watch, onMounted, onUnmounted, nextTick } from 'vue'\nimport CommonBase from '../../Common/base'\nimport { Resize as ResizeEvent } from '../../Common/Element/Event/index'\nimport './Index.css'\n\ndefineOptions({ name: 'ClProgress' })\n\nconst props = defineProps({\n  className: String,\n  theme: {\n    type: String,\n    default: 'horizontal' // horizontal | circular\n  },\n  color: String,\n  ratio: {\n    type: [Number, String],\n    required: true\n  },\n  isShowNum: {\n    type: Boolean,\n    default: true\n  },\n  isAnimation: {\n    type: Boolean,\n    default: true\n  },\n  diameter: {\n    type: String,\n    default: '50px'\n  },\n  showNumText: String,\n  showNumPos: {\n    type: String,\n    default: 'out-center' // out-center|out-left|out-right|in-center|in-left|in-right\n  },\n  showNumTrigger: {\n    type: String,\n    default: 'hover' // none|hover\n  },\n  showNumColor: String\n})\n\nconst refElTopParent = ref<HTMLElement | null>(null)\nconst refElBar = ref<HTMLElement | null>(null)\n\nconst optBase = reactive({\n  isHorizontal: props.theme === 'horizontal',\n  isCircular: props.theme === 'circular',\n  ratioHundred: '',\n  circularLeftRotate: -45,\n  circularLeftTime: 0,\n  circularRightRotate: -45,\n  circularRightTime: 0,\n  posText: {\n    inOut: 'out',\n    lcr: 'center',\n    isOverflow: false\n  }\n})\n\nconst _pageData: {\n  lastRatio: string\n  lastRotateLeft: number\n  lastRotateRight: number\n  runTimeCircularRotate: ReturnType<typeof setTimeout> | null\n  resizeEvent: any\n} = {\n  lastRatio: '',\n  lastRotateLeft: -45,\n  lastRotateRight: -45,\n  runTimeCircularRotate: null,\n  resizeEvent: null\n}\n\nconst optShowNumText = computed(() => {\n  let txt = ''\n  const { showNumText } = props\n  if (showNumText && !CommonBase.isEmpty(showNumText)) {\n    txt = showNumText\n  } else {\n    let r = optBase.ratioHundred\n    r = r.substring(0, r.length - 2)\n    txt = CommonBase.getFormatThousands(r) + '%'\n  }\n  return txt\n})\n\nconst clsParent = computed(() => {\n  const cls: Record<string, boolean> = {\n    'panel-progress': true\n  }\n  cls[`progress-${props.theme}`] = true\n\n  const { className, isShowNum, showNumTrigger } = props\n  if (isShowNum && showNumTrigger !== 'none') {\n    cls[`progress-${showNumTrigger}-num`] = true\n  }\n  if (className && !CommonBase.isEmpty(className)) {\n    className.split(' ').forEach((c: string) => {\n      if (!CommonBase.isEmpty(c)) {\n        cls[c] = true\n      }\n    })\n  }\n  return cls\n})\n\nconst styParent = computed(() => {\n  const sty: Record<string, string | undefined> = {}\n  if (optBase.isCircular) {\n    if (!CommonBase.isEmpty(props.diameter)) {\n      sty.width = props.diameter\n      sty.height = props.diameter\n    }\n  }\n  return sty\n})\n\nconst clsBar = computed(() => {\n  const cls: Record<string, boolean> = {\n    'progress-bar': true,\n    'progress-bar-striped': props.isAnimation,\n    'striped-animation': props.isAnimation\n  }\n  return cls\n})\n\nconst styBar = computed(() => {\n  const sty: Record<string, string | undefined> = {}\n  sty.width = optBase.ratioHundred\n  if (!CommonBase.isEmpty(props.color)) {\n    sty['background-color'] = props.color\n  }\n  if (optBase.isHorizontal && optBase.posText.inOut === 'in') {\n    let justifyContent = 'center'\n    switch (optBase.posText.lcr) {\n      case 'left':\n        justifyContent = 'flex-start'\n        break\n      case 'center':\n        justifyContent = 'center'\n        break\n      case 'right':\n        justifyContent = 'flex-end'\n        break\n    }\n    if (optBase.posText.isOverflow) {\n      justifyContent = 'flex-start'\n    }\n    sty['justify-content'] = justifyContent\n  }\n  return sty\n})\n\nconst styNum = computed(() => {\n  const sty: Record<string, string | undefined> = {}\n  const { showNumColor } = props\n  if (showNumColor && !CommonBase.isEmpty(showNumColor)) {\n    sty['color'] = showNumColor\n  }\n  return sty\n})\n\nconst styCircularBarRight = computed(() => {\n  const sty: Record<string, string | undefined> = {}\n  sty.transform = `rotate(${optBase.circularRightRotate}deg)`\n  if (optBase.circularRightTime > 0) {\n    sty['transition-duration'] = `${optBase.circularRightTime}ms`\n  }\n  if (!CommonBase.isEmpty(props.color)) {\n    sty['border-bottom-color'] = props.color\n    sty['border-right-color'] = props.color\n  }\n  return sty\n})\n\nconst styCircularBarLeft = computed(() => {\n  const sty: Record<string, string | undefined> = {}\n  sty.transform = `rotate(${optBase.circularLeftRotate}deg)`\n  if (optBase.circularLeftTime) {\n    sty['transition-duration'] = `${optBase.circularLeftTime}ms`\n  }\n  if (!CommonBase.isEmpty(props.color)) {\n    sty['border-bottom-color'] = props.color\n    sty['border-right-color'] = props.color\n  }\n  return sty\n})\n\n// 内部方法\nconst _initPost = () => {\n  const { showNumPos } = props\n  const arrTemp = showNumPos.split('-')\n  if (arrTemp.length === 2) {\n    optBase.posText.inOut = CommonBase.isExistValue(['in', 'out'], arrTemp[0]) ? arrTemp[0] : 'out'\n    optBase.posText.lcr = CommonBase.isExistValue(['left', 'center', 'right'], arrTemp[1]) ? arrTemp[1] : 'center'\n  }\n}\n\nconst _initRatio = (ratio: number | string) => {\n  let newRatio = CommonBase.isEmpty(ratio) ? 0 : Number(ratio)\n  if (newRatio <= 0) {\n    newRatio = 0\n  } else if (newRatio >= 100) {\n    newRatio = 100\n  }\n  optBase.ratioHundred = `${newRatio}%`\n  if (optBase.isCircular) {\n    if (_pageData.runTimeCircularRotate) {\n      clearTimeout(_pageData.runTimeCircularRotate)\n    }\n\n    const rotate = (newRatio / 100) * 360\n    let rotateRight = 0\n    let rotateLeft = 0\n    if (rotate < 180) {\n      rotateRight = rotate + -45\n      rotateLeft = -45\n    } else {\n      rotateRight = 135\n      rotateLeft = rotate - 180 - 45\n    }\n    let isIncrease = true\n    const isEmptyLst = CommonBase.isEmpty(_pageData.lastRatio)\n    if (!isEmptyLst) {\n      isIncrease = newRatio >= Number(_pageData.lastRatio)\n    }\n    let timeRight = 0\n    let timeLeft = 0\n    const diffRight = Math.abs(rotateRight - _pageData.lastRotateRight)\n    const diffLeft = Math.abs(rotateLeft - _pageData.lastRotateLeft)\n    if (diffRight > 0 && diffLeft > 0) {\n      const time = 400 / (diffRight + diffLeft)\n      timeRight = diffRight * time\n      timeLeft = diffLeft * time\n    }\n\n    if (isIncrease) {\n      optBase.circularRightRotate = rotateRight\n      optBase.circularRightTime = timeRight\n\n      nextTick(() => {\n        _pageData.runTimeCircularRotate = setTimeout(() => {\n          optBase.circularLeftRotate = rotateLeft\n          optBase.circularLeftTime = timeLeft\n        }, timeRight)\n      })\n    } else {\n      optBase.circularLeftRotate = rotateLeft\n      optBase.circularLeftTime = timeLeft\n      nextTick(() => {\n        _pageData.runTimeCircularRotate = setTimeout(() => {\n          optBase.circularRightRotate = rotateRight\n          optBase.circularRightTime = timeRight\n        }, timeLeft)\n      })\n    }\n    _pageData.lastRotateRight = rotateRight\n    _pageData.lastRotateLeft = rotateLeft\n  }\n  _pageData.lastRatio = String(newRatio)\n}\n\nconst _initMain = () => {\n  _initPost()\n  _initRatio(props.ratio)\n  _pageData.resizeEvent = new ResizeEvent({\n    element: refElBar.value,\n    callback: () => {\n      if (props.isShowNum && optBase.isHorizontal && optBase.posText.inOut === 'in') {\n        if (refElTopParent.value) {\n          const elBar = refElTopParent.value.querySelector('.progress-bar')\n          const elNum = refElTopParent.value.querySelector('.progress-num')\n          if (elBar && elNum) {\n            const barW = elBar.clientWidth\n            const numW = elNum.clientWidth\n            let isOverflow = false\n            if (barW === 0 && numW === 0) {\n              isOverflow = false\n            } else {\n              if (barW === 0 && numW > 0) {\n                isOverflow = true\n              } else {\n                isOverflow = barW > 0 && numW > barW\n              }\n            }\n            optBase.posText.isOverflow = isOverflow\n          }\n        }\n      }\n    }\n  })\n}\n\nwatch(\n  () => props.ratio,\n  (newValue, oldValue) => {\n    if (newValue !== oldValue) {\n      _initRatio(newValue)\n    }\n  }\n)\n\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n\nonUnmounted(() => {\n  if (_pageData.resizeEvent) {\n    _pageData.resizeEvent.destroy()\n  }\n})\n</script>\n"],"names":["props","__props","refElTopParent","ref","refElBar","optBase","reactive","_pageData","optShowNumText","computed","txt","showNumText","CommonBase","r","clsParent","cls","className","isShowNum","showNumTrigger","c","styParent","sty","clsBar","styBar","justifyContent","styNum","showNumColor","styCircularBarRight","styCircularBarLeft","_initPost","showNumPos","arrTemp","_initRatio","ratio","newRatio","rotate","rotateRight","rotateLeft","isIncrease","timeRight","timeLeft","diffRight","diffLeft","time","nextTick","_initMain","ResizeEvent","elBar","elNum","barW","numW","isOverflow","watch","newValue","oldValue","onMounted","onUnmounted","_createElementBlock","_openBlock","_hoisted_1","_createElementVNode","_Fragment","_hoisted_2","_hoisted_3"],"mappings":"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"}

package/buildLibs/utils/Element/ClRadio.cjs

@@ -0,0 +1,2 @@
+"use strict";const e=require("vue");;/* empty css                        */const o=require("../Shared/base-iCmnU-fv.js"),b=require("../Web/__directive__/Tooltip.cjs"),D=["id","name","value","disabled","checked","onClick"],F=["for"],J=e.defineComponent({name:"ClRadio",directives:{cltooltip:b.tooltipDirectives},__name:"Index",props:{value:{type:[String,Number],required:!0},className:{type:String,default:""},name:{type:String,required:!0},list:{type:Array,default:()=>[]},disabled:{type:Boolean,default:!1},width:{type:String,default:"auto"},isInline:{type:Boolean,default:!0}},emits:["update:value","onChange","onInit"],setup(r,{expose:h,emit:y}){const s=r,d=y,B=`rd-${o.CommonBase.getRandom(8)}`,a=e.ref(s.value?.toString()||"");let u={};const c=e.ref(!1),k=e.computed(()=>{const t=s.className,n={"panel-radio":!0};return t&&!o.CommonBase.isEmpty(t)&&t.split(" ").forEach(i=>{o.CommonBase.isEmpty(i)||(n[i]=!0)}),n}),E=e.computed(()=>{const t={radio:!0,"radio-default":!0};return t["radio-inline"]=s.isInline??!0,t}),_=t=>{const n={"radio-icon-tip":!0};return o.CommonBase.isEmpty(t.tipIcon)?n["clIconFont clIcon-question-circle"]=!0:n[t.tipIcon]=!0,n},V=t=>{const n={},{width:i}=s;return t&&!o.CommonBase.isEmpty(t.width)?n.width=t.width:o.CommonBase.isEmpty(i)||(n.width=s.width),n},C=t=>{d("update:value",t)},I=t=>{const n=t.id.toString();C(n),d("onChange",n,o.CommonBase.getJsonClone(t))},x=()=>{e.nextTick(()=>{d("onInit")})},f=()=>o.CommonBase.isExistJsonKey(u,a.value)?a.value:"",p=t=>{u=o.CommonBase.isEmpty(t)?{}:o.CommonBase.getJsonByList(t)},m=()=>{if(c.value){const t=o.CommonBase.isEmpty(a.value)?"":a.value;o.CommonBase.isExistJsonKey(u,t)||(a.value="",C(""))}},v=t=>{t!==a.value&&(a.value=t?.toString()||"")},w=()=>{c.value=s.list.length!==0,p(s.list),m()};e.watch(c,t=>{t&&x()}),e.watch(()=>s.list,t=>{c.value||(c.value=!0,t.length===0&&m())}),e.watch([()=>s.value,()=>s.list],([t,n])=>{const i=n;!c.value&&i.length>0&&(c.value=!0),p(i),t!==a.value&&v(t),m()}),e.onMounted(()=>{e.nextTick(()=>{w()})});const N=t=>{if(!t.isDisabled&&!s.disabled){const n=t.id.toString();n!==a.value&&(a.value=n,I(t))}},g=()=>f();return h({getValue:g,getValueData:()=>{const t=g();return o.CommonBase.isExistJsonKey(u,t)?o.CommonBase.getJsonClone(u[t]):{}},setValue:t=>{v(t),m()},runInitComplete:()=>{c.value||(c.value=!0,p(s.list),v(s.value),m())}}),(t,n)=>{const i=e.resolveDirective("cltooltip");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(k.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(r.list,(l,S)=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:`${B}-${S}`},[l.isShow||l.isShow===void 0?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(E.value),style:e.normalizeStyle(V(l))},[e.createElementVNode("span",null,[e.createElementVNode("span",null,[e.createElementVNode("input",{type:"radio",id:`rd_${r.name}_${l.id}`,name:r.name,value:l.id,disabled:l.isDisabled||r.disabled,checked:l.id.toString()===a.value,onClick:M=>N(l)},null,8,D),e.createElementVNode("label",{for:`rd_${r.name}_${l.id}`},[l.icon&&l.icon.length>0?e.withDirectives((e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(l.icon)},null,2)),[[i,{html:l.name,className:"tooltip-modal"}]]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[e.createTextVNode(e.toDisplayString(l.name),1)],64))],8,F)]),l.tipMsg&&l.tipMsg.length>0?e.withDirectives((e.openBlock(),e.createElementBlock("i",{key:0,class:e.normalizeClass(_(l))},null,2)),[[i,{html:l.tipMsg,className:"tooltip-modal"}]]):e.createCommentVNode("",!0)])],6)):e.createCommentVNode("",!0)],64))),128))],2)}}});module.exports=J;
+//# sourceMappingURL=ClRadio.cjs.map

package/buildLibs/utils/Element/ClRadio.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClRadio.cjs","sources":["../../../src/libs/Element/Radio/Index.vue"],"sourcesContent":["<template>\n    <div :class=\"clsParent\">\n        <template\n            v-for=\"(info, _cbIndex) in list\"\n            :key=\"`${_optKeyIndex}-${_cbIndex}`\"\n        >\n            <div\n                v-if=\"info.isShow || info.isShow===undefined\"\n                :class=\"clsContainer\"\n                :style=\"styContainerFun(info)\"\n            >\n                <span>\n                    <span>\n                        <input\n                            type=\"radio\"\n                            :id=\"`rd_${name}_${info.id}`\"\n                            :name=\"name\"\n                            :value=\"info.id\"\n                            :disabled=\"info.isDisabled || disabled\"\n                            :checked=\"info.id.toString()===optTextValue\"\n                            @click=\"onClick(info)\"\n                        >\n                        <label :for=\"`rd_${name}_${info.id}`\">\n                            <i\n                                v-if=\"info.icon && info.icon.length>0\"\n                                :class=\"info.icon\"\n                                v-cltooltip=\"{html:info.name,className:'tooltip-modal'}\"\n                            ></i>\n                            <template v-else> {{info.name}}</template>\n                        </label>\n                    </span>\n                    <i\n                        v-if=\"info.tipMsg && info.tipMsg.length>0\"\n                        :class=\"clsTipFun(info)\"\n                        v-cltooltip=\"{html:info.tipMsg,className:'tooltip-modal'}\"\n                    ></i>\n                </span>\n            </div>\n        </template>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, nextTick } from 'vue'\nimport './Index.css'\nimport CommonBase from '../../Common/base'\nimport { tooltipDirectives } from '../../Web/Tooltip'\n\n// defineOptions\ndefineOptions({\n  name: 'ClRadio',\n  directives: {\n    cltooltip: tooltipDirectives\n  }\n})\n\n// props\nexport interface ListInfo {\n  id: string | number\n  name: string\n  isDisabled: boolean\n  tipMsg: string\n  tipIcon: string\n  isShow: boolean\n  icon: string\n  width?: string\n}\n\nconst props = defineProps({\n  value: {\n    type: [String, Number],\n    required: true\n  },\n  className: {\n    type: String,\n    default: ''\n  },\n  name: {\n    type: String,\n    required: true\n  },\n  list: {\n    type: Array as () => ListInfo[],\n    default: () => []\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  width: {\n    type: String,\n    default: 'auto'\n  },\n  isInline: {\n    type: Boolean,\n    default: true\n  }\n})\n\n// emit\nconst emit = defineEmits<{\n  (e: 'update:value', value: string): void\n  (e: 'onChange', value: string, info: ListInfo): void\n  (e: 'onInit'): void\n}>()\n\n// 常量 / 变量定义\nconst _optKeyIndex = `rd-${CommonBase.getRandom(8)}`\nvoid _optKeyIndex // 模板 :key 中使用，vue-tsc 无法追踪\nconst optTextValue = ref(props.value?.toString() || '')\nlet _listDataToJson: any = {}\nconst _optIsFirstDataFinish = ref(false)\n\n// computed\nconst clsParent = computed(() => {\n  const className = props.className\n  const cls: any = {\n    \"panel-radio\": true,\n  }\n  if (className && !CommonBase.isEmpty(className)) {\n    className.split(\" \").forEach((c: string) => {\n      if (!CommonBase.isEmpty(c)) {\n        cls[c] = true\n      }\n    })\n  }\n  return cls\n})\n\nconst clsContainer = computed(() => {\n  const cls: any = {\n    radio: true,\n    \"radio-default\": true,\n  }\n  cls[\"radio-inline\"] = props.isInline ?? true\n  return cls\n})\n\n// 内部调用方法\nconst clsTipFun = (item: any) => {\n  const cls: any = {\n    \"radio-icon-tip\": true,\n  }\n  if (CommonBase.isEmpty(item.tipIcon)) {\n    cls[\"clIconFont clIcon-question-circle\"] = true\n  } else {\n    cls[item.tipIcon] = true\n  }\n  return cls\n}\n\nconst styContainerFun = (item: any) => {\n  const sty: any = {}\n  const { width } = props\n  if (item && !CommonBase.isEmpty(item.width)) {\n    sty.width = item.width\n  } else {\n    if (!CommonBase.isEmpty(width)) {\n      sty.width = props.width\n    }\n  }\n  return sty\n}\n\nconst _emitModelValue = (value: string) => {\n  emit(\"update:value\", value)\n}\n\nconst _emitChange = (info: any) => {\n  const value = info.id.toString()\n  _emitModelValue(value)\n  emit(\"onChange\", value, CommonBase.getJsonClone(info))\n}\n\nconst _emitInit = () => {\n  nextTick(() => {\n    emit(\"onInit\")\n  })\n}\n\nconst _getValue = () => {\n  return CommonBase.isExistJsonKey(_listDataToJson, optTextValue.value) ? optTextValue.value : \"\"\n}\n\nconst _convertListToJson = (list: any[]) => {\n  _listDataToJson = CommonBase.isEmpty(list) ? {} : CommonBase.getJsonByList(list)\n}\n\nconst _checkValueInList = () => {\n  if (_optIsFirstDataFinish.value) {\n    const selectValue = CommonBase.isEmpty(optTextValue.value) ? \"\" : optTextValue.value\n    const isExist = CommonBase.isExistJsonKey(_listDataToJson, selectValue)\n    if (!isExist) {\n      optTextValue.value = \"\"\n      _emitModelValue(\"\")\n    }\n  }\n}\n\nconst _setValue = (value: any) => {\n  if (value !== optTextValue.value) {\n    optTextValue.value = value?.toString() || ''\n  }\n}\n\nconst _initMain = () => {\n  _optIsFirstDataFinish.value = props.list.length !== 0\n  _convertListToJson(props.list)\n  _checkValueInList()\n}\n\n// watch\nwatch(_optIsFirstDataFinish, (newValue) => {\n  if (newValue) {\n    _emitInit()\n  }\n})\n\nwatch(\n  () => props.list,\n  (newValue) => {\n    if (!_optIsFirstDataFinish.value) {\n      _optIsFirstDataFinish.value = true\n      if (newValue.length === 0) {\n        _checkValueInList()\n      }\n    }\n  }\n)\n\nwatch(\n  [() => props.value, () => props.list],\n  ([newValue, newList]) => {\n    const list = newList as any[]\n    if (!_optIsFirstDataFinish.value && list.length > 0) {\n      _optIsFirstDataFinish.value = true\n    }\n    _convertListToJson(list)\n    if (newValue !== optTextValue.value) {\n      _setValue(newValue)\n    }\n    _checkValueInList()\n  }\n)\n\n// 生命周期\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n\n// 事件方法\nconst onClick = (item: any) => {\n  if (!item.isDisabled && !props.disabled) {\n    const value = item.id.toString()\n    if (value !== optTextValue.value) {\n      optTextValue.value = value\n      _emitChange(item)\n    }\n  }\n}\n\n// 开放给外部使用的方法\nconst getValue = () => {\n  return _getValue()\n}\n\nconst getValueData = () => {\n  const value = getValue()\n  return CommonBase.isExistJsonKey(_listDataToJson, value) ? CommonBase.getJsonClone(_listDataToJson[value]) : {}\n}\n\nconst setValue = (value: string) => {\n  _setValue(value)\n  _checkValueInList()\n}\n\nconst runInitComplete = () => {\n  if (!_optIsFirstDataFinish.value) {\n    _optIsFirstDataFinish.value = true\n    _convertListToJson(props.list)\n    _setValue(props.value)\n    _checkValueInList()\n  }\n}\n\n// 导出类型定义\nexport interface ClRadioExpose {\n  getValue: () => string\n  getValueData: () => Record<string, any>\n  setValue: (value: string) => void\n  runInitComplete: () => void\n}\n\n// defineExpose\ndefineExpose({\n  getValue,\n  getValueData,\n  setValue,\n  runInitComplete\n})\n</script>"],"names":["props","__props","emit","__emit","_optKeyIndex","CommonBase","optTextValue","ref","_listDataToJson","_optIsFirstDataFinish","clsParent","computed","className","cls","c","clsContainer","clsTipFun","item","styContainerFun","sty","width","_emitModelValue","value","_emitChange","info","_emitInit","nextTick","_getValue","_convertListToJson","list","_checkValueInList","selectValue","_setValue","_initMain","watch","newValue","newList","onMounted","onClick","getValue","__expose","_createElementBlock","_openBlock","_Fragment","_renderList","_cbIndex","_normalizeStyle","_createElementVNode","$event","_normalizeClass","_directive_cltooltip","_createTextVNode","_toDisplayString"],"mappings":"yoBAoEA,MAAMA,EAAQC,EAgCRC,EAAOC,EAOPC,EAAe,MAAMC,EAAAA,WAAW,UAAU,CAAC,CAAC,GAE5CC,EAAeC,EAAAA,IAAIP,EAAM,OAAO,SAAA,GAAc,EAAE,EACtD,IAAIQ,EAAuB,CAAA,EAC3B,MAAMC,EAAwBF,EAAAA,IAAI,EAAK,EAGjCG,EAAYC,EAAAA,SAAS,IAAM,CAC/B,MAAMC,EAAYZ,EAAM,UAClBa,EAAW,CACf,cAAe,EAAA,EAEjB,OAAID,GAAa,CAACP,EAAAA,WAAW,QAAQO,CAAS,GAC5CA,EAAU,MAAM,GAAG,EAAE,QAASE,GAAc,CACrCT,EAAAA,WAAW,QAAQS,CAAC,IACvBD,EAAIC,CAAC,EAAI,GAEb,CAAC,EAEID,CACT,CAAC,EAEKE,EAAeJ,EAAAA,SAAS,IAAM,CAClC,MAAME,EAAW,CACf,MAAO,GACP,gBAAiB,EAAA,EAEnB,OAAAA,EAAI,cAAc,EAAIb,EAAM,UAAY,GACjCa,CACT,CAAC,EAGKG,EAAaC,GAAc,CAC/B,MAAMJ,EAAW,CACf,iBAAkB,EAAA,EAEpB,OAAIR,aAAW,QAAQY,EAAK,OAAO,EACjCJ,EAAI,mCAAmC,EAAI,GAE3CA,EAAII,EAAK,OAAO,EAAI,GAEfJ,CACT,EAEMK,EAAmBD,GAAc,CACrC,MAAME,EAAW,CAAA,EACX,CAAE,MAAAC,GAAUpB,EAClB,OAAIiB,GAAQ,CAACZ,EAAAA,WAAW,QAAQY,EAAK,KAAK,EACxCE,EAAI,MAAQF,EAAK,MAEZZ,EAAAA,WAAW,QAAQe,CAAK,IAC3BD,EAAI,MAAQnB,EAAM,OAGfmB,CACT,EAEME,EAAmBC,GAAkB,CACzCpB,EAAK,eAAgBoB,CAAK,CAC5B,EAEMC,EAAeC,GAAc,CACjC,MAAMF,EAAQE,EAAK,GAAG,SAAA,EACtBH,EAAgBC,CAAK,EACrBpB,EAAK,WAAYoB,EAAOjB,EAAAA,WAAW,aAAamB,CAAI,CAAC,CACvD,EAEMC,EAAY,IAAM,CACtBC,EAAAA,SAAS,IAAM,CACbxB,EAAK,QAAQ,CACf,CAAC,CACH,EAEMyB,EAAY,IACTtB,EAAAA,WAAW,eAAeG,EAAiBF,EAAa,KAAK,EAAIA,EAAa,MAAQ,GAGzFsB,EAAsBC,GAAgB,CAC1CrB,EAAkBH,EAAAA,WAAW,QAAQwB,CAAI,EAAI,CAAA,EAAKxB,EAAAA,WAAW,cAAcwB,CAAI,CACjF,EAEMC,EAAoB,IAAM,CAC9B,GAAIrB,EAAsB,MAAO,CAC/B,MAAMsB,EAAc1B,EAAAA,WAAW,QAAQC,EAAa,KAAK,EAAI,GAAKA,EAAa,MAC/DD,EAAAA,WAAW,eAAeG,EAAiBuB,CAAW,IAEpEzB,EAAa,MAAQ,GACrBe,EAAgB,EAAE,EAEtB,CACF,EAEMW,EAAaV,GAAe,CAC5BA,IAAUhB,EAAa,QACzBA,EAAa,MAAQgB,GAAO,SAAA,GAAc,GAE9C,EAEMW,EAAY,IAAM,CACtBxB,EAAsB,MAAQT,EAAM,KAAK,SAAW,EACpD4B,EAAmB5B,EAAM,IAAI,EAC7B8B,EAAA,CACF,EAGAI,QAAMzB,EAAwB0B,GAAa,CACrCA,GACFV,EAAA,CAEJ,CAAC,EAEDS,EAAAA,MACE,IAAMlC,EAAM,KACXmC,GAAa,CACP1B,EAAsB,QACzBA,EAAsB,MAAQ,GAC1B0B,EAAS,SAAW,GACtBL,EAAA,EAGN,CAAA,EAGFI,EAAAA,MACE,CAAC,IAAMlC,EAAM,MAAO,IAAMA,EAAM,IAAI,EACpC,CAAC,CAACmC,EAAUC,CAAO,IAAM,CACvB,MAAMP,EAAOO,EACT,CAAC3B,EAAsB,OAASoB,EAAK,OAAS,IAChDpB,EAAsB,MAAQ,IAEhCmB,EAAmBC,CAAI,EACnBM,IAAa7B,EAAa,OAC5B0B,EAAUG,CAAQ,EAEpBL,EAAA,CACF,CAAA,EAIFO,EAAAA,UAAU,IAAM,CACdX,EAAAA,SAAS,IAAM,CACbO,EAAA,CACF,CAAC,CACH,CAAC,EAGD,MAAMK,EAAWrB,GAAc,CAC7B,GAAI,CAACA,EAAK,YAAc,CAACjB,EAAM,SAAU,CACvC,MAAMsB,EAAQL,EAAK,GAAG,SAAA,EAClBK,IAAUhB,EAAa,QACzBA,EAAa,MAAQgB,EACrBC,EAAYN,CAAI,EAEpB,CACF,EAGMsB,EAAW,IACRZ,EAAA,EA+BT,OAAAa,EAAa,CACX,SAAAD,EACA,aA9BmB,IAAM,CACzB,MAAMjB,EAAQiB,EAAA,EACd,OAAOlC,aAAW,eAAeG,EAAiBc,CAAK,EAAIjB,aAAW,aAAaG,EAAgBc,CAAK,CAAC,EAAI,CAAA,CAC/G,EA4BE,SA1BgBA,GAAkB,CAClCU,EAAUV,CAAK,EACfQ,EAAA,CACF,EAwBE,gBAtBsB,IAAM,CACvBrB,EAAsB,QACzBA,EAAsB,MAAQ,GAC9BmB,EAAmB5B,EAAM,IAAI,EAC7BgC,EAAUhC,EAAM,KAAK,EACrB8B,EAAA,EAEJ,CAeE,CACD,uEA5SGW,EAAAA,mBAsCM,MAAA,CAtCA,uBAAO/B,EAAA,KAAS,CAAA,IAClBgC,EAAAA,UAAA,EAAA,EAAAD,EAAAA,mBAoCWE,WAAA,KAAAC,EAAAA,WAnCoB3C,EAAA,KAAI,CAAvBuB,EAAMqB,oDACL,IAAA,GAAAzC,CAAY,IAAIyC,CAAQ,EAAA,GAGvBrB,EAAK,QAAUA,EAAK,SAAS,sBADvCiB,EAAAA,mBA+BM,MAAA,OA7BD,uBAAO1B,EAAA,KAAY,EACnB,MAAK+B,EAAAA,eAAE5B,EAAgBM,CAAI,CAAA,CAAA,GAE5BuB,EAAAA,mBAyBO,OAAA,KAAA,CAxBHA,EAAAA,mBAkBO,OAAA,KAAA,CAjBHA,EAAAA,mBAQC,QAAA,CAPG,KAAK,QACJ,GAAE,MAAQ9C,EAAA,IAAI,IAAIuB,EAAK,EAAE,GACzB,KAAMvB,EAAA,KACN,MAAOuB,EAAK,GACZ,SAAUA,EAAK,YAAcvB,EAAA,SAC7B,QAASuB,EAAK,GAAG,SAAA,IAAalB,EAAA,MAC9B,QAAK0C,GAAEV,EAAQd,CAAI,CAAA,YAExBuB,EAAAA,mBAOQ,QAAA,CAPA,IAAG,MAAQ9C,EAAA,IAAI,IAAIuB,EAAK,EAAE,EAAA,GAEpBA,EAAK,MAAQA,EAAK,KAAK,OAAM,kCADvCiB,EAAAA,mBAIK,IAAA,OAFA,MAAKQ,EAAAA,eAAEzB,EAAK,IAAI,CAAA,YACE,CAAA0B,EAAA,CAAA,KAAA1B,EAAK,KAAI,UAAA,gBAAA,CAAA,kBAEhCiB,EAAAA,mBAA0CE,EAAAA,SAAA,CAAA,IAAA,GAAA,CAAtBQ,EAAAA,gBAAAC,EAAAA,gBAAA5B,EAAK,IAAI,EAAA,CAAA,CAAA,eAI3BA,EAAK,QAAUA,EAAK,OAAO,OAAM,kCAD3CiB,EAAAA,mBAIK,IAAA,OAFA,MAAKQ,EAAAA,eAAEjC,EAAUQ,CAAI,CAAA,CAAA,YACH,CAAA0B,EAAA,CAAA,KAAA1B,EAAK,OAAM,UAAA,gBAAA,CAAA"}

package/buildLibs/utils/Element/ClRadio.d.ts

@@ -0,0 +1,3 @@
+import type { DefineComponent } from 'vue'
+declare const _default: DefineComponent<object, object, any>
+export default _default

package/buildLibs/utils/Element/ClRadio.js

@@ -0,0 +1,176 @@
+import { defineComponent as z, ref as I, computed as k, watch as C, onMounted as R, nextTick as x, resolveDirective as A, openBlock as c, createElementBlock as u, normalizeClass as p, Fragment as _, renderList as P, normalizeStyle as j, createElementVNode as v, withDirectives as S, createTextVNode as G, toDisplayString as H, createCommentVNode as V } from "vue";
+/* empty css                       */
+import { C as s } from "../Shared/base-PQGakkrl.js";
+import { tooltipDirectives as O } from "../Web/__directive__/Tooltip.js";
+const Q = ["id", "name", "value", "disabled", "checked", "onClick"], U = ["for"], ie = /* @__PURE__ */ z({
+  name: "ClRadio",
+  directives: {
+    cltooltip: O
+  },
+  __name: "Index",
+  props: {
+    value: {
+      type: [String, Number],
+      required: !0
+    },
+    className: {
+      type: String,
+      default: ""
+    },
+    name: {
+      type: String,
+      required: !0
+    },
+    list: {
+      type: Array,
+      default: () => []
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    width: {
+      type: String,
+      default: "auto"
+    },
+    isInline: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:value", "onChange", "onInit"],
+  setup(r, { expose: w, emit: D }) {
+    const i = r, y = D, b = `rd-${s.getRandom(8)}`, n = I(i.value?.toString() || "");
+    let d = {};
+    const o = I(!1), N = k(() => {
+      const e = i.className, t = {
+        "panel-radio": !0
+      };
+      return e && !s.isEmpty(e) && e.split(" ").forEach((a) => {
+        s.isEmpty(a) || (t[a] = !0);
+      }), t;
+    }), J = k(() => {
+      const e = {
+        radio: !0,
+        "radio-default": !0
+      };
+      return e["radio-inline"] = i.isInline ?? !0, e;
+    }), $ = (e) => {
+      const t = {
+        "radio-icon-tip": !0
+      };
+      return s.isEmpty(e.tipIcon) ? t["clIconFont clIcon-question-circle"] = !0 : t[e.tipIcon] = !0, t;
+    }, B = (e) => {
+      const t = {}, { width: a } = i;
+      return e && !s.isEmpty(e.width) ? t.width = e.width : s.isEmpty(a) || (t.width = i.width), t;
+    }, f = (e) => {
+      y("update:value", e);
+    }, F = (e) => {
+      const t = e.id.toString();
+      f(t), y("onChange", t, s.getJsonClone(e));
+    }, M = () => {
+      x(() => {
+        y("onInit");
+      });
+    }, T = () => s.isExistJsonKey(d, n.value) ? n.value : "", g = (e) => {
+      d = s.isEmpty(e) ? {} : s.getJsonByList(e);
+    }, m = () => {
+      if (o.value) {
+        const e = s.isEmpty(n.value) ? "" : n.value;
+        s.isExistJsonKey(d, e) || (n.value = "", f(""));
+      }
+    }, h = (e) => {
+      e !== n.value && (n.value = e?.toString() || "");
+    }, K = () => {
+      o.value = i.list.length !== 0, g(i.list), m();
+    };
+    C(o, (e) => {
+      e && M();
+    }), C(
+      () => i.list,
+      (e) => {
+        o.value || (o.value = !0, e.length === 0 && m());
+      }
+    ), C(
+      [() => i.value, () => i.list],
+      ([e, t]) => {
+        const a = t;
+        !o.value && a.length > 0 && (o.value = !0), g(a), e !== n.value && h(e), m();
+      }
+    ), R(() => {
+      x(() => {
+        K();
+      });
+    });
+    const L = (e) => {
+      if (!e.isDisabled && !i.disabled) {
+        const t = e.id.toString();
+        t !== n.value && (n.value = t, F(e));
+      }
+    }, E = () => T();
+    return w({
+      getValue: E,
+      getValueData: () => {
+        const e = E();
+        return s.isExistJsonKey(d, e) ? s.getJsonClone(d[e]) : {};
+      },
+      setValue: (e) => {
+        h(e), m();
+      },
+      runInitComplete: () => {
+        o.value || (o.value = !0, g(i.list), h(i.value), m());
+      }
+    }), (e, t) => {
+      const a = A("cltooltip");
+      return c(), u("div", {
+        class: p(N.value)
+      }, [
+        (c(!0), u(_, null, P(r.list, (l, q) => (c(), u(_, {
+          key: `${b}-${q}`
+        }, [
+          l.isShow || l.isShow === void 0 ? (c(), u("div", {
+            key: 0,
+            class: p(J.value),
+            style: j(B(l))
+          }, [
+            v("span", null, [
+              v("span", null, [
+                v("input", {
+                  type: "radio",
+                  id: `rd_${r.name}_${l.id}`,
+                  name: r.name,
+                  value: l.id,
+                  disabled: l.isDisabled || r.disabled,
+                  checked: l.id.toString() === n.value,
+                  onClick: (Z) => L(l)
+                }, null, 8, Q),
+                v("label", {
+                  for: `rd_${r.name}_${l.id}`
+                }, [
+                  l.icon && l.icon.length > 0 ? S((c(), u("i", {
+                    key: 0,
+                    class: p(l.icon)
+                  }, null, 2)), [
+                    [a, { html: l.name, className: "tooltip-modal" }]
+                  ]) : (c(), u(_, { key: 1 }, [
+                    G(H(l.name), 1)
+                  ], 64))
+                ], 8, U)
+              ]),
+              l.tipMsg && l.tipMsg.length > 0 ? S((c(), u("i", {
+                key: 0,
+                class: p($(l))
+              }, null, 2)), [
+                [a, { html: l.tipMsg, className: "tooltip-modal" }]
+              ]) : V("", !0)
+            ])
+          ], 6)) : V("", !0)
+        ], 64))), 128))
+      ], 2);
+    };
+  }
+});
+export {
+  ie as default
+};
+//# sourceMappingURL=ClRadio.js.map

package/buildLibs/utils/Element/ClRadio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClRadio.js","sources":["../../../src/libs/Element/Radio/Index.vue"],"sourcesContent":["<template>\n    <div :class=\"clsParent\">\n        <template\n            v-for=\"(info, _cbIndex) in list\"\n            :key=\"`${_optKeyIndex}-${_cbIndex}`\"\n        >\n            <div\n                v-if=\"info.isShow || info.isShow===undefined\"\n                :class=\"clsContainer\"\n                :style=\"styContainerFun(info)\"\n            >\n                <span>\n                    <span>\n                        <input\n                            type=\"radio\"\n                            :id=\"`rd_${name}_${info.id}`\"\n                            :name=\"name\"\n                            :value=\"info.id\"\n                            :disabled=\"info.isDisabled || disabled\"\n                            :checked=\"info.id.toString()===optTextValue\"\n                            @click=\"onClick(info)\"\n                        >\n                        <label :for=\"`rd_${name}_${info.id}`\">\n                            <i\n                                v-if=\"info.icon && info.icon.length>0\"\n                                :class=\"info.icon\"\n                                v-cltooltip=\"{html:info.name,className:'tooltip-modal'}\"\n                            ></i>\n                            <template v-else> {{info.name}}</template>\n                        </label>\n                    </span>\n                    <i\n                        v-if=\"info.tipMsg && info.tipMsg.length>0\"\n                        :class=\"clsTipFun(info)\"\n                        v-cltooltip=\"{html:info.tipMsg,className:'tooltip-modal'}\"\n                    ></i>\n                </span>\n            </div>\n        </template>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { ref, computed, watch, onMounted, nextTick } from 'vue'\nimport './Index.css'\nimport CommonBase from '../../Common/base'\nimport { tooltipDirectives } from '../../Web/Tooltip'\n\n// defineOptions\ndefineOptions({\n  name: 'ClRadio',\n  directives: {\n    cltooltip: tooltipDirectives\n  }\n})\n\n// props\nexport interface ListInfo {\n  id: string | number\n  name: string\n  isDisabled: boolean\n  tipMsg: string\n  tipIcon: string\n  isShow: boolean\n  icon: string\n  width?: string\n}\n\nconst props = defineProps({\n  value: {\n    type: [String, Number],\n    required: true\n  },\n  className: {\n    type: String,\n    default: ''\n  },\n  name: {\n    type: String,\n    required: true\n  },\n  list: {\n    type: Array as () => ListInfo[],\n    default: () => []\n  },\n  disabled: {\n    type: Boolean,\n    default: false\n  },\n  width: {\n    type: String,\n    default: 'auto'\n  },\n  isInline: {\n    type: Boolean,\n    default: true\n  }\n})\n\n// emit\nconst emit = defineEmits<{\n  (e: 'update:value', value: string): void\n  (e: 'onChange', value: string, info: ListInfo): void\n  (e: 'onInit'): void\n}>()\n\n// 常量 / 变量定义\nconst _optKeyIndex = `rd-${CommonBase.getRandom(8)}`\nvoid _optKeyIndex // 模板 :key 中使用，vue-tsc 无法追踪\nconst optTextValue = ref(props.value?.toString() || '')\nlet _listDataToJson: any = {}\nconst _optIsFirstDataFinish = ref(false)\n\n// computed\nconst clsParent = computed(() => {\n  const className = props.className\n  const cls: any = {\n    \"panel-radio\": true,\n  }\n  if (className && !CommonBase.isEmpty(className)) {\n    className.split(\" \").forEach((c: string) => {\n      if (!CommonBase.isEmpty(c)) {\n        cls[c] = true\n      }\n    })\n  }\n  return cls\n})\n\nconst clsContainer = computed(() => {\n  const cls: any = {\n    radio: true,\n    \"radio-default\": true,\n  }\n  cls[\"radio-inline\"] = props.isInline ?? true\n  return cls\n})\n\n// 内部调用方法\nconst clsTipFun = (item: any) => {\n  const cls: any = {\n    \"radio-icon-tip\": true,\n  }\n  if (CommonBase.isEmpty(item.tipIcon)) {\n    cls[\"clIconFont clIcon-question-circle\"] = true\n  } else {\n    cls[item.tipIcon] = true\n  }\n  return cls\n}\n\nconst styContainerFun = (item: any) => {\n  const sty: any = {}\n  const { width } = props\n  if (item && !CommonBase.isEmpty(item.width)) {\n    sty.width = item.width\n  } else {\n    if (!CommonBase.isEmpty(width)) {\n      sty.width = props.width\n    }\n  }\n  return sty\n}\n\nconst _emitModelValue = (value: string) => {\n  emit(\"update:value\", value)\n}\n\nconst _emitChange = (info: any) => {\n  const value = info.id.toString()\n  _emitModelValue(value)\n  emit(\"onChange\", value, CommonBase.getJsonClone(info))\n}\n\nconst _emitInit = () => {\n  nextTick(() => {\n    emit(\"onInit\")\n  })\n}\n\nconst _getValue = () => {\n  return CommonBase.isExistJsonKey(_listDataToJson, optTextValue.value) ? optTextValue.value : \"\"\n}\n\nconst _convertListToJson = (list: any[]) => {\n  _listDataToJson = CommonBase.isEmpty(list) ? {} : CommonBase.getJsonByList(list)\n}\n\nconst _checkValueInList = () => {\n  if (_optIsFirstDataFinish.value) {\n    const selectValue = CommonBase.isEmpty(optTextValue.value) ? \"\" : optTextValue.value\n    const isExist = CommonBase.isExistJsonKey(_listDataToJson, selectValue)\n    if (!isExist) {\n      optTextValue.value = \"\"\n      _emitModelValue(\"\")\n    }\n  }\n}\n\nconst _setValue = (value: any) => {\n  if (value !== optTextValue.value) {\n    optTextValue.value = value?.toString() || ''\n  }\n}\n\nconst _initMain = () => {\n  _optIsFirstDataFinish.value = props.list.length !== 0\n  _convertListToJson(props.list)\n  _checkValueInList()\n}\n\n// watch\nwatch(_optIsFirstDataFinish, (newValue) => {\n  if (newValue) {\n    _emitInit()\n  }\n})\n\nwatch(\n  () => props.list,\n  (newValue) => {\n    if (!_optIsFirstDataFinish.value) {\n      _optIsFirstDataFinish.value = true\n      if (newValue.length === 0) {\n        _checkValueInList()\n      }\n    }\n  }\n)\n\nwatch(\n  [() => props.value, () => props.list],\n  ([newValue, newList]) => {\n    const list = newList as any[]\n    if (!_optIsFirstDataFinish.value && list.length > 0) {\n      _optIsFirstDataFinish.value = true\n    }\n    _convertListToJson(list)\n    if (newValue !== optTextValue.value) {\n      _setValue(newValue)\n    }\n    _checkValueInList()\n  }\n)\n\n// 生命周期\nonMounted(() => {\n  nextTick(() => {\n    _initMain()\n  })\n})\n\n// 事件方法\nconst onClick = (item: any) => {\n  if (!item.isDisabled && !props.disabled) {\n    const value = item.id.toString()\n    if (value !== optTextValue.value) {\n      optTextValue.value = value\n      _emitChange(item)\n    }\n  }\n}\n\n// 开放给外部使用的方法\nconst getValue = () => {\n  return _getValue()\n}\n\nconst getValueData = () => {\n  const value = getValue()\n  return CommonBase.isExistJsonKey(_listDataToJson, value) ? CommonBase.getJsonClone(_listDataToJson[value]) : {}\n}\n\nconst setValue = (value: string) => {\n  _setValue(value)\n  _checkValueInList()\n}\n\nconst runInitComplete = () => {\n  if (!_optIsFirstDataFinish.value) {\n    _optIsFirstDataFinish.value = true\n    _convertListToJson(props.list)\n    _setValue(props.value)\n    _checkValueInList()\n  }\n}\n\n// 导出类型定义\nexport interface ClRadioExpose {\n  getValue: () => string\n  getValueData: () => Record<string, any>\n  setValue: (value: string) => void\n  runInitComplete: () => void\n}\n\n// defineExpose\ndefineExpose({\n  getValue,\n  getValueData,\n  setValue,\n  runInitComplete\n})\n</script>"],"names":["props","__props","emit","__emit","_optKeyIndex","CommonBase","optTextValue","ref","_listDataToJson","_optIsFirstDataFinish","clsParent","computed","className","cls","c","clsContainer","clsTipFun","item","styContainerFun","sty","width","_emitModelValue","value","_emitChange","info","_emitInit","nextTick","_getValue","_convertListToJson","list","_checkValueInList","selectValue","_setValue","_initMain","watch","newValue","newList","onMounted","onClick","getValue","__expose","_createElementBlock","_openBlock","_Fragment","_renderList","_cbIndex","_normalizeStyle","_createElementVNode","$event","_normalizeClass","_directive_cltooltip","_createTextVNode","_toDisplayString"],"mappings":"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"}

package/buildLibs/utils/Element/ClRadioOne.d.ts

@@ -0,0 +1,3 @@
+import type { DefineComponent } from 'vue'
+declare const _default: DefineComponent<object, object, any>
+export default _default