@qxs-bns/components 0.0.22 → 0.0.23

package/es/src/data-chart/src/utils/useCharts.js

@@ -1,23 +1,2 @@
-import '@vueuse/core';
-import 'echarts';
-import 'vue';
-
-function useDataToExcelJson(dataSource) {
-  const {
-    desc: {
-      colDesc = [],
-      groupByDesc = []
-    } = {},
-    data = []
-  } = dataSource;
-  const header = [...groupByDesc.map(item => item.colDesc), ...colDesc].filter(v => v);
-  const json = data.map(item => {
-    return header.map(headerItem => {
-      return item[headerItem] || "";
-    });
-  });
-  return [header, ...json];
-}
-
-export { useDataToExcelJson };
+import{useMouseInElement as e,watchDebounced as t,useElementSize as o}from"@vueuse/core";import*as i from"echarts";import{ref as a,onMounted as n,onUnmounted as l}from"vue";import r from"../components/empty.svg.js";function s(o){let{chartDOM:s,chartData:u,chartOptions:d,mountedBefore:v,initAfter:f,callback:p}=o,m=null;const g=a(!1),h=window.devicePixelRatio||1;function x(){m&&!m.isDisposed()&&(m.dispose(),m=null)}function y(){if(m&&g.value&&s.value){m.showLoading();try{m.isDisposed()&&(m=i.init(s.value,null,{devicePixelRatio:h,renderer:"svg"})),m.setOption(...arguments)}catch(e){console.log("error: ",e),x(),s.value&&(m=i.init(s.value,null,{devicePixelRatio:h,renderer:"svg"}),D("配置项错误"))}finally{m?.hideLoading()}}}const{isOutside:w}=e(s);function D(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"暂无数据";y({title:[{text:u.value?.modelName,...d.value.title},{subtext:e,top:"center",left:"center",text:" {a|}",itemGap:-20,textStyle:{align:"center",rich:{a:{color:"#000",fontSize:"16",height:80,width:160,backgroundColor:{image:r}}}},subtextStyle:{fontSize:16}}]},{notMerge:!0,replaceMerge:["xAxis","yAxis","series"],lazyUpdate:!1})}return t(w,(e=>{var t;"boolean"==typeof e&&(t=!e,m?.isDisposed()||m?.setOption({toolbox:{show:t}}))}),{debounce:200}),n((async()=>{v&&await v(),s.value&&(x(),m=i.init(s.value,null,{devicePixelRatio:h,renderer:"svg"}),p&&p(m),f&&await f(),c(m,s),g.value=!0,u.value?.data?.length?y(d.value,{}):D())})),l((()=>{m&&(m.getZr()?.off("mousemove"),m.getZr()?.off("mouseout"),x())})),{myChart:m}}function c(e,i){const{width:a,height:n}=o(i);t([a,n],(()=>{e&&e.resize()}))}function u(e){const{desc:{colDesc:t=[],groupByDesc:o=[]}={},data:i=[]}=e,a=[...o.map((e=>e.colDesc)),...t].filter((e=>e)),n=i.map((e=>a.map((t=>e[t]||""))));return[a,...n]}export{s as useCharts,u as useDataToExcelJson,c as useResize};
 //# sourceMappingURL=useCharts.js.map

package/es/src/data-chart/src/utils/useCharts.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCharts.js","sources":["../../../../../../../packages/components/src/data-chart/src/utils/useCharts.ts"],"sourcesContent":["import type { ECharts, SetOptionOpts } from 'echarts'\nimport type { ComputedRef, Ref } from 'vue'\nimport type { EChartData, EChartsOption, IFormatPublicData } from '../types'\nimport { useElementSize, useMouseInElement, watchDebounced } from '@vueuse/core'\nimport * as echarts from 'echarts'\nimport { onMounted, onUnmounted, ref } from 'vue'\n\n// 使用别名路径导入 SVG\nimport emptyImg from '../components/empty.svg'\n\nexport function useCharts({ chartDOM, chartData, chartOptions, mountedBefore, initAfter, callback }: {\n  chartDOM: Ref<HTMLElement | null>\n  chartData: ComputedRef<IFormatPublicData>\n  chartOptions: ComputedRef<EChartsOption>\n  mountedBefore?: () => void\n  initAfter?: () => void\n  callback?: (e: ECharts) => void\n}) {\n  let myChart: ECharts | null = null\n  const initChartSuccess = ref(false)\n\n  // 获取设备像素比\n  const dpr = window.devicePixelRatio || 1\n\n  function disposeChart() {\n    if (myChart && !myChart.isDisposed()) {\n      myChart.dispose()\n      myChart = null\n    }\n  }\n\n  function initChart(...opt: [EChartsOption, SetOptionOpts]) {\n    if (!myChart || !initChartSuccess.value || !chartDOM.value) {\n      return\n    }\n\n    myChart.showLoading()\n    try {\n      if (myChart.isDisposed()) {\n        // 如果实例已被销毁，重新创建\n        myChart = echarts.init(chartDOM.value, null, {\n          devicePixelRatio: dpr,\n          renderer: 'svg',\n        })\n      }\n      myChart.setOption(...opt)\n    }\n    catch (error) {\n      console.log('error: ', error)\n      disposeChart()\n      if (chartDOM.value) {\n        myChart = echarts.init(chartDOM.value, null, {\n          devicePixelRatio: dpr,\n          renderer: 'svg',\n        })\n        setEmpty('配置项错误')\n      }\n    }\n    finally {\n      myChart?.hideLoading()\n    }\n  }\n\n  const { isOutside: mouseInChart } = useMouseInElement(chartDOM)\n  watchDebounced(mouseInChart, (newVal) => {\n    if (typeof newVal !== 'boolean') {\n      return\n    }\n    toggleToolbox(!newVal)\n  }, { debounce: 200 })\n\n  function setEmpty(subtext = '暂无数据') {\n    const obj: EChartsOption = {\n      title: [{\n        text: chartData.value?.modelName,\n        ...chartOptions.value.title,\n      }, {\n        subtext,\n        top: 'center',\n        left: 'center',\n        text: ' {a|}',\n        itemGap: -20,\n        textStyle: {\n          align: 'center',\n          rich: {\n            a: {\n              color: '#000',\n              fontSize: '16',\n              height: 80,\n              width: 160,\n              backgroundColor: {\n                image: emptyImg,\n              },\n            },\n          },\n        },\n        subtextStyle: {\n          fontSize: 16,\n        },\n      }],\n    }\n    initChart(obj, {\n      notMerge: true,\n      replaceMerge: ['xAxis', 'yAxis', 'series'],\n      lazyUpdate: false,\n    })\n  }\n\n  function toggleToolbox(show: boolean) {\n    if (!myChart?.isDisposed()) {\n      myChart?.setOption({\n        toolbox: {\n          show,\n        },\n      })\n    }\n  }\n\n  onMounted(async () => {\n    if (mountedBefore) {\n      await mountedBefore()\n    }\n    if (!chartDOM.value) {\n      return\n    }\n    disposeChart() // 确保旧实例被清理\n    myChart = echarts.init(chartDOM.value, null, {\n      devicePixelRatio: dpr,\n      renderer: 'svg',\n    })\n    if (callback) {\n      callback(myChart)\n    }\n    if (initAfter) {\n      await initAfter()\n    }\n\n    useResize(myChart, chartDOM)\n\n    initChartSuccess.value = true\n\n    if (chartData.value?.data?.length) {\n      initChart(chartOptions.value, {})\n    }\n    else {\n      setEmpty()\n    }\n  })\n\n  onUnmounted(() => {\n    if (myChart) {\n      myChart.getZr()?.off('mousemove')\n      myChart.getZr()?.off('mouseout')\n      disposeChart()\n    }\n  })\n\n  return {\n    myChart,\n  }\n}\n\nexport function useResize(myChart: ECharts, chartDOM: Ref<HTMLElement | null>) {\n  const { width, height } = useElementSize(chartDOM)\n  watchDebounced([width, height], () => {\n    if (myChart) {\n      myChart.resize()\n    }\n  })\n}\n\nexport function useDataToExcelJson(dataSource: EChartData) {\n  const { desc: { colDesc = [], groupByDesc = [] } = {}, data = [] } = dataSource\n  const header = [...groupByDesc.map(item => item.colDesc), ...colDesc].filter(v => v) as string[]\n  const json = data.map((item) => {\n    return header.map((headerItem) => {\n      return item[headerItem as keyof typeof item] || ''\n    })\n  })\n  return [header, ...json]\n}\n"],"names":["useDataToExcelJson","dataSource","desc","colDesc","groupByDesc","data","header","map","item","filter","v","json","headerItem"],"mappings":";;;;AA2KO,SAASA,mBAAmBC,UAAwB,EAAA;EACzD,MAAM;AAAEC,IAAAA,IAAA,EAAM;AAAEC,MAAAA,OAAA,GAAU,EAAI;AAAAC,MAAAA,WAAA,GAAc;QAAO,EAAC;AAAGC,IAAAA,IAAO,GAAA;AAAG,GAAI,GAAAJ,UAAA;EACrE,MAAMK,MAAS,GAAA,CAAC,GAAGF,WAAA,CAAYG,IAAYC,IAAA,IAAAA,IAAA,CAAKL,OAAO,CAAA,EAAG,GAAGA,OAAO,CAAE,CAAAM,MAAA,MAAYC,CAAC,CAAA;AACnF,EAAA,MAAMC,IAAO,GAAAN,IAAA,CAAKE,GAAI,CAACC,IAAS,IAAA;AACvB,IAAA,OAAAF,MAAA,CAAOC,GAAI,CAACK,UAAe,IAAA;AACzB,MAAA,OAAAJ,IAAA,CAAKI,UAA+B,CAAK,IAAA,EAAA;AAClD,KAAC,CAAA;AACH,GAAC,CAAA;AACM,EAAA,OAAA,CAACN,MAAQ,EAAA,GAAGK,IAAI,CAAA;AACzB;;;;"}
+{"version":3,"file":"useCharts.js","sources":["../../../../../../../packages/components/src/data-chart/src/utils/useCharts.ts"],"sourcesContent":["import type { ECharts, SetOptionOpts } from 'echarts'\nimport type { ComputedRef, Ref } from 'vue'\nimport type { EChartData, EChartsOption, IFormatPublicData } from '../types'\nimport { useElementSize, useMouseInElement, watchDebounced } from '@vueuse/core'\nimport * as echarts from 'echarts'\nimport { onMounted, onUnmounted, ref } from 'vue'\n\n// 使用别名路径导入 SVG\nimport emptyImg from '../components/empty.svg'\n\nexport function useCharts({ chartDOM, chartData, chartOptions, mountedBefore, initAfter, callback }: {\n  chartDOM: Ref<HTMLElement | null>\n  chartData: ComputedRef<IFormatPublicData>\n  chartOptions: ComputedRef<EChartsOption>\n  mountedBefore?: () => void\n  initAfter?: () => void\n  callback?: (e: ECharts) => void\n}) {\n  let myChart: ECharts | null = null\n  const initChartSuccess = ref(false)\n\n  // 获取设备像素比\n  const dpr = window.devicePixelRatio || 1\n\n  function disposeChart() {\n    if (myChart && !myChart.isDisposed()) {\n      myChart.dispose()\n      myChart = null\n    }\n  }\n\n  function initChart(...opt: [EChartsOption, SetOptionOpts]) {\n    if (!myChart || !initChartSuccess.value || !chartDOM.value) {\n      return\n    }\n\n    myChart.showLoading()\n    try {\n      if (myChart.isDisposed()) {\n        // 如果实例已被销毁，重新创建\n        myChart = echarts.init(chartDOM.value, null, {\n          devicePixelRatio: dpr,\n          renderer: 'svg',\n        })\n      }\n      myChart.setOption(...opt)\n    }\n    catch (error) {\n      console.log('error: ', error)\n      disposeChart()\n      if (chartDOM.value) {\n        myChart = echarts.init(chartDOM.value, null, {\n          devicePixelRatio: dpr,\n          renderer: 'svg',\n        })\n        setEmpty('配置项错误')\n      }\n    }\n    finally {\n      myChart?.hideLoading()\n    }\n  }\n\n  const { isOutside: mouseInChart } = useMouseInElement(chartDOM)\n  watchDebounced(mouseInChart, (newVal) => {\n    if (typeof newVal !== 'boolean') {\n      return\n    }\n    toggleToolbox(!newVal)\n  }, { debounce: 200 })\n\n  function setEmpty(subtext = '暂无数据') {\n    const obj: EChartsOption = {\n      title: [{\n        text: chartData.value?.modelName,\n        ...chartOptions.value.title,\n      }, {\n        subtext,\n        top: 'center',\n        left: 'center',\n        text: ' {a|}',\n        itemGap: -20,\n        textStyle: {\n          align: 'center',\n          rich: {\n            a: {\n              color: '#000',\n              fontSize: '16',\n              height: 80,\n              width: 160,\n              backgroundColor: {\n                image: emptyImg,\n              },\n            },\n          },\n        },\n        subtextStyle: {\n          fontSize: 16,\n        },\n      }],\n    }\n    initChart(obj, {\n      notMerge: true,\n      replaceMerge: ['xAxis', 'yAxis', 'series'],\n      lazyUpdate: false,\n    })\n  }\n\n  function toggleToolbox(show: boolean) {\n    if (!myChart?.isDisposed()) {\n      myChart?.setOption({\n        toolbox: {\n          show,\n        },\n      })\n    }\n  }\n\n  onMounted(async () => {\n    if (mountedBefore) {\n      await mountedBefore()\n    }\n    if (!chartDOM.value) {\n      return\n    }\n    disposeChart() // 确保旧实例被清理\n    myChart = echarts.init(chartDOM.value, null, {\n      devicePixelRatio: dpr,\n      renderer: 'svg',\n    })\n    if (callback) {\n      callback(myChart)\n    }\n    if (initAfter) {\n      await initAfter()\n    }\n\n    useResize(myChart, chartDOM)\n\n    initChartSuccess.value = true\n\n    if (chartData.value?.data?.length) {\n      initChart(chartOptions.value, {})\n    }\n    else {\n      setEmpty()\n    }\n  })\n\n  onUnmounted(() => {\n    if (myChart) {\n      myChart.getZr()?.off('mousemove')\n      myChart.getZr()?.off('mouseout')\n      disposeChart()\n    }\n  })\n\n  return {\n    myChart,\n  }\n}\n\nexport function useResize(myChart: ECharts, chartDOM: Ref<HTMLElement | null>) {\n  const { width, height } = useElementSize(chartDOM)\n  watchDebounced([width, height], () => {\n    if (myChart) {\n      myChart.resize()\n    }\n  })\n}\n\nexport function useDataToExcelJson(dataSource: EChartData) {\n  const { desc: { colDesc = [], groupByDesc = [] } = {}, data = [] } = dataSource\n  const header = [...groupByDesc.map(item => item.colDesc), ...colDesc].filter(v => v) as string[]\n  const json = data.map((item) => {\n    return header.map((headerItem) => {\n      return item[headerItem as keyof typeof item] || ''\n    })\n  })\n  return [header, ...json]\n}\n"],"names":["useCharts","_ref","chartDOM","chartData","chartOptions","mountedBefore","initAfter","callback","myChart","initChartSuccess","ref","dpr","window","devicePixelRatio","disposeChart","isDisposed","dispose","initChart","value","showLoading","echarts","init","renderer","setOption","arguments","error","console","log","setEmpty","hideLoading","isOutside","mouseInChart","useMouseInElement","subtext","title","text","modelName","top","left","itemGap","textStyle","align","rich","a","color","fontSize","height","width","backgroundColor","image","emptyImg","subtextStyle","notMerge","replaceMerge","lazyUpdate","watchDebounced","newVal","show","toolbox","debounce","onMounted","async","useResize","data","length","onUnmounted","getZr","off","useElementSize","resize","useDataToExcelJson","dataSource","desc","colDesc","groupByDesc","header","map","item","filter","v","json","headerItem"],"mappings":"uNAUgB,SAAAA,EAAAC,GAOb,IAPuBC,SAAEA,EAAUC,UAAAA,EAAAC,aAAWA,gBAAcC,EAAeC,UAAAA,EAAAC,SAAWA,GAOtFN,EACGO,EAA0B,KACxB,MAAAC,EAAmBC,GAAI,GAGvBC,EAAMC,OAAOC,kBAAoB,EAEvC,SAASC,IACHN,IAAYA,EAAQO,eACtBP,EAAQQ,UACER,EAAA,KAEd,CAEA,SAASS,IACP,GAAKT,GAAYC,EAAiBS,OAAUhB,EAASgB,MAArD,CAIAV,EAAQW,cACJ,IACEX,EAAQO,eAEVP,EAAUY,EAAQC,KAAKnB,EAASgB,MAAO,KAAM,CAC3CL,iBAAkBF,EAClBW,SAAU,SAGNd,EAAAe,aAAUC,iBAEbC,GACGC,QAAAC,IAAI,UAAWF,GACVX,IACTZ,EAASgB,QACXV,EAAUY,EAAQC,KAAKnB,EAASgB,MAAO,KAAM,CAC3CL,iBAAkBF,EAClBW,SAAU,QAEZM,EAAS,SAEb,CACA,QACEpB,GAASqB,aACX,CA1BA,CA2BF,CAEA,MAAQC,UAAWC,GAAiBC,EAAkB9B,GAQ7C,SAAA0B,IAA2B,IAAlBK,yDAAU,OA8B1BhB,EA7B2B,CACzBiB,MAAO,CAAC,CACNC,KAAMhC,EAAUe,OAAOkB,aACpBhC,EAAac,MAAMgB,OACrB,CACDD,UACAI,IAAK,SACLC,KAAM,SACNH,KAAM,QACNI,SAAS,GACTC,UAAW,CACTC,MAAO,SACPC,KAAM,CACJC,EAAG,CACDC,MAAO,OACPC,SAAU,KACVC,OAAQ,GACRC,MAAO,IACPC,gBAAiB,CACfC,MAAOC,MAKfC,aAAc,CACZN,SAAU,OAID,CACbO,UAAU,EACVC,aAAc,CAAC,QAAS,QAAS,UACjCC,YAAY,GAEhB,CAmDO,OA7FQC,EAAAxB,GAAeyB,IA4C9B,IAAuBC,EA3CC,kBAAXD,IA2CUC,GAxCND,EAyCVhD,GAASO,cACZP,GAASe,UAAU,CACjBmC,QAAS,CACPD,UA5Ce,GACpB,CAAEE,SAAU,MAiDfC,GAAUC,UACJxD,SACIA,IAEHH,EAASgB,QAGDJ,IACbN,EAAUY,EAAQC,KAAKnB,EAASgB,MAAO,KAAM,CAC3CL,iBAAkBF,EAClBW,SAAU,QAERf,GACFA,EAASC,GAEPF,SACIA,IAGRwD,EAAUtD,EAASN,GAEnBO,EAAiBS,OAAQ,EAErBf,EAAUe,OAAO6C,MAAMC,OACf/C,EAAAb,EAAac,MAAO,IAGrBU,IACX,IAGFqC,GAAY,KACNzD,IACMA,EAAA0D,SAASC,IAAI,aACb3D,EAAA0D,SAASC,IAAI,YACRrD,IACf,IAGK,CACLN,UAEJ,CAEgB,SAAAsD,EAAUtD,EAAkBN,GAC1C,MAAM6C,MAAEA,EAAAD,OAAOA,GAAWsB,EAAelE,GACzCqD,EAAe,CAACR,EAAOD,IAAS,KAC1BtC,GACFA,EAAQ6D,QACV,GAEJ,CAEO,SAASC,EAAmBC,GACjC,MAAQC,MAAMC,QAAEA,EAAU,GAAIC,YAAAA,EAAc,IAAO,CAAC,EAAAX,KAAGA,EAAO,IAAOQ,EAC/DI,EAAS,IAAID,EAAYE,KAAYC,GAAAA,EAAKJ,aAAaA,GAASK,WAAYC,IAC5EC,EAAOjB,EAAKa,KAAKC,GACdF,EAAOC,KAAKK,GACVJ,EAAKI,IAAoC,OAG7C,MAAA,CAACN,KAAWK,EACrB"}

package/es/src/defaults.js

@@ -1,7 +1,2 @@
-import * as components from './components.js';
-import { makeInstaller } from './make-installer.js';
-
-var installer = makeInstaller(components);
-
-export { installer as default };
+import*as o from"./components.js";import{makeInstaller as r}from"./make-installer.js";var a=r(o);export{a as default};
 //# sourceMappingURL=defaults.js.map

package/es/src/defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.js","sources":["../../../../packages/components/src/defaults.ts"],"sourcesContent":["import * as components from './components'\nimport { makeInstaller } from './make-installer'\n\nexport default makeInstaller(components)\n"],"names":["makeInstaller","components"],"mappings":";;;AAGA,gBAAeA,cAAcC,UAAU,CAAA;;;;"}
+{"version":3,"file":"defaults.js","sources":["../../../../packages/components/src/defaults.ts"],"sourcesContent":["import * as components from './components'\nimport { makeInstaller } from './make-installer'\n\nexport default makeInstaller(components)\n"],"names":["makeInstaller","components"],"mappings":"sFAGA,IAAeA,EAAAA,EAAcC"}

package/es/src/file-upload/index.js

@@ -1,7 +1,2 @@
-import { withInstall } from '../withInstall.js';
-import _sfc_main from './src/file-upload.vue.js';
-
-const QxsFileUpload = withInstall(_sfc_main);
-
-export { QxsFileUpload, QxsFileUpload as default };
+import{withInstall as o}from"../withInstall.js";import t from"./src/file-upload.vue.js";const r=o(t);export{r as QxsFileUpload,r as default};
 //# sourceMappingURL=index.js.map

package/es/src/file-upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/src/file-upload/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/file-upload.vue'\n\nconst QxsFileUpload = withInstall(component)\n\nexport {\n  QxsFileUpload,\n}\n\nexport default QxsFileUpload\n"],"names":["QxsFileUpload","withInstall","component"],"mappings":";;;AAGA,MAAMA,aAAA,GAAgBC,YAAYC,SAAS;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/src/file-upload/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/file-upload.vue'\n\nconst QxsFileUpload = withInstall(component)\n\nexport {\n  QxsFileUpload,\n}\n\nexport default QxsFileUpload\n"],"names":["QxsFileUpload","withInstall","component"],"mappings":"wFAGA,MAAMA,EAAgBC,EAAYC"}

package/es/src/file-upload/src/file-upload.vue.js

@@ -1,117 +1,2 @@
-import { defineComponent, computed, createBlock, openBlock, normalizeClass, unref, withCtx, createElementVNode, createVNode, createTextVNode, createElementBlock, createCommentVNode } from 'vue';
-import { UploadFilled } from '@element-plus/icons-vue';
-import { useNamespace } from '@qxs-bns/hooks';
-import { ElUpload } from '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/upload/index.js';
-import { ElIcon } from '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/icon/index.js';
-import { ElAlert } from '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/alert/index.js';
-import { ElMessage } from '../../../node_modules/.pnpm/element-plus@2.9.6_vue@3.5.13_typescript@5.8.2_/node_modules/element-plus/es/components/message/index.js';
-
-const _hoisted_1 = { class: "slot" };
-const _hoisted_2 = {
-  key: 0,
-  class: "el-upload__tip"
-};
-const _hoisted_3 = { style: { "display": "inline-block" } };
-var _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "QxsFileUpload"
-  },
-  __name: "file-upload",
-  props: {
-    action: { type: String, required: true },
-    headers: { type: null, required: false },
-    data: { type: null, required: false },
-    name: { type: String, required: false, default: "file" },
-    size: { type: Number, required: false, default: 20 },
-    max: { type: Number, required: false, default: 3 },
-    accept: { type: String, required: false, default: "zip,rar" },
-    files: { type: Array, required: false, default: () => [] },
-    notip: { type: Boolean, required: false, default: false },
-    ext: { type: Array, required: false }
-  },
-  emits: ["onSuccess"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const ns = useNamespace("file-upload");
-    const exts = computed(() => {
-      return props.accept.split(",").map((ext) => ext.split("/").pop());
-    });
-    const beforeUpload = (file) => {
-      const fileName = file.name.split(".");
-      const fileExt = fileName.at(-1) ?? "";
-      const isTypeOk = exts.value.includes(fileExt);
-      const isSizeOk = file.size / 1024 / 1024 < props.size;
-      if (!isTypeOk) {
-        ElMessage.error(`\u4E0A\u4F20\u6587\u4EF6\u53EA\u652F\u6301 ${exts.value.join(" / ")} \u683C\u5F0F\uFF01`);
-      }
-      if (!isSizeOk) {
-        ElMessage.error(`\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7 ${props.size}MB\uFF01`);
-      }
-      return isTypeOk && isSizeOk;
-    };
-    const onExceed = () => {
-      ElMessage.warning("\u6587\u4EF6\u4E0A\u4F20\u8D85\u8FC7\u9650\u5236");
-    };
-    const onSuccess = (res, file, fileList) => {
-      emit("onSuccess", res, file, fileList);
-    };
-    return (_ctx, _cache) => {
-      const _component_el_icon = ElIcon;
-      const _component_el_alert = ElAlert;
-      const _component_el_upload = ElUpload;
-      return openBlock(), createBlock(_component_el_upload, {
-        headers: _ctx.headers,
-        action: _ctx.action,
-        data: _ctx.data,
-        name: _ctx.name,
-        "before-upload": beforeUpload,
-        "on-exceed": onExceed,
-        "on-success": onSuccess,
-        "file-list": _ctx.files,
-        limit: _ctx.max,
-        drag: "",
-        class: normalizeClass(unref(ns).e("control"))
-      }, {
-        tip: withCtx(() => [
-          !_ctx.notip ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            createElementVNode("div", _hoisted_3, [
-              createVNode(_component_el_alert, {
-                title: `\u4E0A\u4F20\u6587\u4EF6\u652F\u6301 ${unref(exts).join(" / ")} \u683C\u5F0F\uFF0C\u5355\u4E2A\u6587\u4EF6\u5927\u5C0F\u4E0D\u8D85\u8FC7 ${_ctx.size}MB\uFF0C\u4E14\u6587\u4EF6\u6570\u91CF\u4E0D\u8D85\u8FC7 ${_ctx.max} \u4E2A`,
-                type: "info",
-                "show-icon": "",
-                closable: false
-              }, null, 8, ["title"])
-            ])
-          ])) : createCommentVNode("v-if", true)
-        ]),
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createVNode(_component_el_icon, { class: "el-icon--upload" }, {
-              default: withCtx(() => [
-                createVNode(unref(UploadFilled))
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            _cache[0] || (_cache[0] = createElementVNode(
-              "div",
-              { class: "el-upload__text" },
-              [
-                createTextVNode(" \u5C06\u6587\u4EF6\u62D6\u5230\u6B64\u5904\uFF0C\u6216"),
-                createElementVNode("em", null, "\u70B9\u51FB\u4E0A\u4F20")
-              ],
-              -1
-              /* HOISTED */
-            ))
-          ])
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["headers", "action", "data", "name", "file-list", "limit", "class"]);
-    };
-  }
-});
-
-export { _sfc_main as default };
+import{ElUpload as e,ElIcon as t,ElAlert as i,ElMessage as l}from"element-plus/es";import{defineComponent as a,computed as r,createBlock as s,openBlock as o,normalizeClass as n,unref as u,withCtx as d,createElementVNode as p,createVNode as c,createTextVNode as m,createElementBlock as f,createCommentVNode as y}from"vue";import{UploadFilled as q}from"@element-plus/icons-vue";import{useNamespace as v}from"@qxs-bns/hooks";const x={class:"slot"},_={key:0,class:"el-upload__tip"},b={style:{display:"inline-block"}};var h=a({name:"QxsFileUpload",__name:"file-upload",props:{action:{type:String,required:!0},headers:{type:null,required:!1},data:{type:null,required:!1},name:{type:String,required:!1,default:"file"},size:{type:Number,required:!1,default:20},max:{type:Number,required:!1,default:3},accept:{type:String,required:!1,default:"zip,rar"},files:{type:Array,required:!1,default:()=>[]},notip:{type:Boolean,required:!1,default:!1},ext:{type:Array,required:!1}},emits:["onSuccess"],setup(a,{emit:h}){const z=a,g=h,S=v("file-upload"),$=r((()=>z.accept.split(",").map((e=>e.split("/").pop())))),k=e=>{const t=e.name.split(".").at(-1)??"",i=$.value.includes(t),a=e.size/1024/1024<z.size;return i||l.error(`上传文件只支持 ${$.value.join(" / ")} 格式！`),a||l.error(`上传文件大小不能超过 ${z.size}MB！`),i&&a},B=()=>{l.warning("文件上传超过限制")},j=(e,t,i)=>{g("onSuccess",e,t,i)};return(l,a)=>{const r=t,v=i,h=e;return o(),s(h,{headers:l.headers,action:l.action,data:l.data,name:l.name,"before-upload":k,"on-exceed":B,"on-success":j,"file-list":l.files,limit:l.max,drag:"",class:n(u(S).e("control"))},{tip:d((()=>[l.notip?y("v-if",!0):(o(),f("div",_,[p("div",b,[c(v,{title:`上传文件支持 ${u($).join(" / ")} 格式，单个文件大小不超过 ${l.size}MB，且文件数量不超过 ${l.max} 个`,type:"info","show-icon":"",closable:!1},null,8,["title"])])]))])),default:d((()=>[p("div",x,[c(r,{class:"el-icon--upload"},{default:d((()=>[c(u(q))])),_:1}),a[0]||(a[0]=p("div",{class:"el-upload__text"},[m(" 将文件拖到此处，或"),p("em",null,"点击上传")],-1))])])),_:1},8,["headers","action","data","name","file-list","limit","class"])}}});export{h as default};
 //# sourceMappingURL=file-upload.vue.js.map

package/es/src/file-upload/src/file-upload.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-upload.vue.js","sources":["../../../../../../packages/components/src/file-upload/src/file-upload.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { UploadProps, UploadUserFile } from 'element-plus'\nimport { UploadFilled } from '@element-plus/icons-vue'\nimport { useNamespace } from '@qxs-bns/hooks'\n\ndefineOptions({\n  name: 'QxsFileUpload',\n})\n\nconst props = withDefaults(\n  defineProps<{\n    action: UploadProps['action']\n    headers?: UploadProps['headers']\n    data?: UploadProps['data']\n    name?: UploadProps['name']\n    size?: number\n    max?: number\n    accept?: string\n    files?: UploadUserFile[]\n    notip?: boolean\n    ext?: string[]\n  }>(),\n  {\n    name: 'file',\n    size: 20,\n    max: 3,\n    files: () => [],\n    notip: false,\n    accept: 'zip,rar',\n  },\n)\n\nconst emit = defineEmits(['onSuccess'])\n\nconst ns = useNamespace('file-upload')\n\nconst exts = computed(() => {\n  return props.accept.split(',').map(ext => ext.split('/').pop())\n})\nconst beforeUpload: UploadProps['beforeUpload'] = (file) => {\n  const fileName = file.name.split('.')\n  const fileExt = fileName.at(-1) ?? ''\n  const isTypeOk = exts.value.includes(fileExt)\n  const isSizeOk = file.size / 1024 / 1024 < props.size\n  if (!isTypeOk) {\n    ElMessage.error(`上传文件只支持 ${exts.value.join(' / ')} 格式！`)\n  }\n  if (!isSizeOk) {\n    ElMessage.error(`上传文件大小不能超过 ${props.size}MB！`)\n  }\n  return isTypeOk && isSizeOk\n}\n\nconst onExceed: UploadProps['onExceed'] = () => {\n  ElMessage.warning('文件上传超过限制')\n}\n\nconst onSuccess: UploadProps['onSuccess'] = (res, file, fileList) => {\n  emit('onSuccess', res, file, fileList)\n}\n</script>\n\n<template>\n  <el-upload\n    :headers=\"headers\"\n    :action=\"action\"\n    :data=\"data\"\n    :name=\"name\"\n    :before-upload=\"beforeUpload\"\n    :on-exceed=\"onExceed\"\n    :on-success=\"onSuccess\"\n    :file-list=\"files\"\n    :limit=\"max\"\n    drag\n    :class=\"ns.e('control')\"\n  >\n    <div class=\"slot\">\n      <el-icon class=\"el-icon--upload\">\n        <UploadFilled />\n      </el-icon>\n      <div class=\"el-upload__text\">\n        将文件拖到此处，或<em>点击上传</em>\n      </div>\n    </div>\n    <template #tip>\n      <div v-if=\"!notip\" class=\"el-upload__tip\">\n        <div style=\"display: inline-block;\">\n          <el-alert\n            :title=\"`上传文件支持 ${exts.join(' / ')} 格式，单个文件大小不超过 ${size}MB，且文件数量不超过 ${max} 个`\"\n            type=\"info\"\n            show-icon\n            :closable=\"false\"\n          />\n        </div>\n      </div>\n    </template>\n  </el-upload>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAuBd,IAAA,MAAM,IAAO,GAAA,MAAA;AAEb,IAAM,MAAA,EAAA,GAAK,aAAa,aAAa,CAAA;AAErC,IAAM,MAAA,IAAA,GAAO,SAAS,MAAM;AAC1B,MAAA,OAAO,KAAM,CAAA,MAAA,CAAO,KAAM,CAAA,GAAG,CAAE,CAAA,GAAA,CAAI,CAAO,GAAA,KAAA,GAAA,CAAI,KAAM,CAAA,GAAG,CAAE,CAAA,GAAA,EAAK,CAAA;AAAA,KAC/D,CAAA;AACD,IAAM,MAAA,YAAA,GAA4C,CAAC,IAAS,KAAA;AAC1D,MAAA,MAAM,QAAW,GAAA,IAAA,CAAK,IAAK,CAAA,KAAA,CAAM,GAAG,CAAA;AACpC,MAAA,MAAM,OAAU,GAAA,QAAA,CAAS,EAAG,CAAA,EAAE,CAAK,IAAA,EAAA;AACnC,MAAA,MAAM,QAAW,GAAA,IAAA,CAAK,KAAM,CAAA,QAAA,CAAS,OAAO,CAAA;AAC5C,MAAA,MAAM,QAAW,GAAA,IAAA,CAAK,IAAO,GAAA,IAAA,GAAO,OAAO,KAAM,CAAA,IAAA;AACjD,MAAA,IAAI,CAAC,QAAU,EAAA;AACb,QAAA,SAAA,CAAU,MAAM,CAAW,2CAAA,EAAA,IAAA,CAAK,MAAM,IAAK,CAAA,KAAK,CAAC,CAAM,mBAAA,CAAA,CAAA;AAAA;AAEzD,MAAA,IAAI,CAAC,QAAU,EAAA;AACb,QAAA,SAAA,CAAU,KAAM,CAAA,CAAA,6DAAA,EAAc,KAAM,CAAA,IAAI,CAAK,QAAA,CAAA,CAAA;AAAA;AAE/C,MAAA,OAAO,QAAY,IAAA,QAAA;AAAA,KACrB;AAEA,IAAA,MAAM,WAAoC,MAAM;AAC9C,MAAA,SAAA,CAAU,QAAQ,kDAAU,CAAA;AAAA,KAC9B;AAEA,IAAA,MAAM,SAAsC,GAAA,CAAC,GAAK,EAAA,IAAA,EAAM,QAAa,KAAA;AACnE,MAAK,IAAA,CAAA,WAAA,EAAa,GAAK,EAAA,IAAA,EAAM,QAAQ,CAAA;AAAA,KACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"file-upload.vue.js","sources":["../../../../../../packages/components/src/file-upload/src/file-upload.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { UploadProps, UploadUserFile } from 'element-plus'\nimport { UploadFilled } from '@element-plus/icons-vue'\nimport { useNamespace } from '@qxs-bns/hooks'\n\ndefineOptions({\n  name: 'QxsFileUpload',\n})\n\nconst props = withDefaults(\n  defineProps<{\n    action: UploadProps['action']\n    headers?: UploadProps['headers']\n    data?: UploadProps['data']\n    name?: UploadProps['name']\n    size?: number\n    max?: number\n    accept?: string\n    files?: UploadUserFile[]\n    notip?: boolean\n    ext?: string[]\n  }>(),\n  {\n    name: 'file',\n    size: 20,\n    max: 3,\n    files: () => [],\n    notip: false,\n    accept: 'zip,rar',\n  },\n)\n\nconst emit = defineEmits(['onSuccess'])\n\nconst ns = useNamespace('file-upload')\n\nconst exts = computed(() => {\n  return props.accept.split(',').map(ext => ext.split('/').pop())\n})\nconst beforeUpload: UploadProps['beforeUpload'] = (file) => {\n  const fileName = file.name.split('.')\n  const fileExt = fileName.at(-1) ?? ''\n  const isTypeOk = exts.value.includes(fileExt)\n  const isSizeOk = file.size / 1024 / 1024 < props.size\n  if (!isTypeOk) {\n    ElMessage.error(`上传文件只支持 ${exts.value.join(' / ')} 格式！`)\n  }\n  if (!isSizeOk) {\n    ElMessage.error(`上传文件大小不能超过 ${props.size}MB！`)\n  }\n  return isTypeOk && isSizeOk\n}\n\nconst onExceed: UploadProps['onExceed'] = () => {\n  ElMessage.warning('文件上传超过限制')\n}\n\nconst onSuccess: UploadProps['onSuccess'] = (res, file, fileList) => {\n  emit('onSuccess', res, file, fileList)\n}\n</script>\n\n<template>\n  <el-upload\n    :headers=\"headers\"\n    :action=\"action\"\n    :data=\"data\"\n    :name=\"name\"\n    :before-upload=\"beforeUpload\"\n    :on-exceed=\"onExceed\"\n    :on-success=\"onSuccess\"\n    :file-list=\"files\"\n    :limit=\"max\"\n    drag\n    :class=\"ns.e('control')\"\n  >\n    <div class=\"slot\">\n      <el-icon class=\"el-icon--upload\">\n        <UploadFilled />\n      </el-icon>\n      <div class=\"el-upload__text\">\n        将文件拖到此处，或<em>点击上传</em>\n      </div>\n    </div>\n    <template #tip>\n      <div v-if=\"!notip\" class=\"el-upload__tip\">\n        <div style=\"display: inline-block;\">\n          <el-alert\n            :title=\"`上传文件支持 ${exts.join(' / ')} 格式，单个文件大小不超过 ${size}MB，且文件数量不超过 ${max} 个`\"\n            type=\"info\"\n            show-icon\n            :closable=\"false\"\n          />\n        </div>\n      </div>\n    </template>\n  </el-upload>\n</template>\n"],"names":["props","__props","emit","__emit","ns","useNamespace","exts","computed","accept","split","map","ext","pop","beforeUpload","file","fileExt","name","at","isTypeOk","value","includes","isSizeOk","size","ElMessage","error","join","onExceed","warning","onSuccess","res","fileList"],"mappings":"0+BASA,MAAMA,EAAQC,EAuBRC,EAAOC,EAEPC,EAAKC,EAAa,eAElBC,EAAOC,GAAS,IACbP,EAAMQ,OAAOC,MAAM,KAAKC,KAAWC,GAAAA,EAAIF,MAAM,KAAKG,UAErDC,EAA6CC,IACjD,MACMC,EADWD,EAAKE,KAAKP,MAAM,KACRQ,IAAG,IAAO,GAC7BC,EAAWZ,EAAKa,MAAMC,SAASL,GAC/BM,EAAWP,EAAKQ,KAAO,KAAO,KAAOtB,EAAMsB,KAOjD,OANKJ,GACHK,EAAUC,MAAM,WAAWlB,EAAKa,MAAMM,KAAK,cAExCJ,GACHE,EAAUC,MAAM,cAAcxB,EAAMsB,WAE/BJ,GAAYG,CAAA,EAGfK,EAAoC,KACxCH,EAAUI,QAAQ,WAAU,EAGxBC,EAAsC,CAACC,EAAKf,EAAMgB,KACjD5B,EAAA,YAAa2B,EAAKf,EAAMgB,EAAQ"}

package/es/src/file-upload/src/file-upload.vue2.js

@@ -1,6 +1,2 @@
-import _sfc_main from './file-upload.vue.js';
-
-
-
-export { _sfc_main as default };
+import e from"./file-upload.vue.js";export{e as default};
 //# sourceMappingURL=file-upload.vue2.js.map

package/es/src/file-upload/src/file-upload.vue2.js.map

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

package/es/src/fixed-action-bar/index.js

@@ -1,7 +1,2 @@
-import { withInstall } from '../withInstall.js';
-import _sfc_main from './src/fixed-action-bar.vue.js';
-
-const QxsFixedActionBar = withInstall(_sfc_main);
-
-export { QxsFixedActionBar, QxsFixedActionBar as default };
+import{withInstall as t}from"../withInstall.js";import o from"./src/fixed-action-bar.vue.js";const r=t(o);export{r as QxsFixedActionBar,r as default};
 //# sourceMappingURL=index.js.map

package/es/src/fixed-action-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/src/fixed-action-bar/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/fixed-action-bar.vue'\n\nconst QxsFixedActionBar = withInstall(component)\n\nexport {\n  QxsFixedActionBar,\n}\n\nexport default QxsFixedActionBar\n"],"names":["QxsFixedActionBar","withInstall","component"],"mappings":";;;AAGA,MAAMA,iBAAA,GAAoBC,YAAYC,SAAS;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/src/fixed-action-bar/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/fixed-action-bar.vue'\n\nconst QxsFixedActionBar = withInstall(component)\n\nexport {\n  QxsFixedActionBar,\n}\n\nexport default QxsFixedActionBar\n"],"names":["QxsFixedActionBar","withInstall","component"],"mappings":"6FAGA,MAAMA,EAAoBC,EAAYC"}

package/es/src/fixed-action-bar/src/fixed-action-bar.vue.js

@@ -1,85 +1,2 @@
-import { defineComponent, useAttrs, ref, onMounted, onUnmounted, computed, createElementBlock, openBlock, normalizeStyle, unref, createElementVNode, normalizeClass, renderSlot } from 'vue';
-import { useNamespace } from '@qxs-bns/hooks';
-import { getDeviceType } from '@qxs-bns/utils';
-import { useElementSize, useParentElement, useElementBounding } from '@vueuse/core';
-
-const __default__ = {
-  name: "QxsFixedActionBar"
-};
-var _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: {
-    padding: {
-      type: Number,
-      default: 8
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const ns = useNamespace("fixed-action-bar");
-    const attr = useAttrs();
-    const isBottom = ref(false);
-    const actionbar = ref(null);
-    const placeholderRef = ref(null);
-    const { height } = useElementSize(actionbar, void 0, { box: "border-box" });
-    const parentEl = useParentElement(placeholderRef);
-    const { left: placeholderLeft } = useElementBounding(parentEl);
-    const { width: placeholderParentWidth } = useElementSize(parentEl, void 0, {
-      box: "border-box"
-    });
-    function calculateScrollDetails() {
-      const scrollTop = window.scrollY || document.documentElement.scrollTop;
-      const windowHeight = window.innerHeight || document.documentElement.clientHeight;
-      const scrollHeight = document.documentElement.scrollHeight;
-      isBottom.value = Math.ceil(scrollTop + windowHeight) >= scrollHeight;
-    }
-    onMounted(() => {
-      calculateScrollDetails();
-      window.addEventListener("scroll", calculateScrollDetails);
-    });
-    onUnmounted(() => {
-      window.removeEventListener("scroll", calculateScrollDetails);
-    });
-    const actionbarStyle = computed(() => ({
-      width: `${placeholderParentWidth || 0}px`,
-      left: `${placeholderLeft}px`,
-      class: `${!isBottom.value ? ns.is("shadow") : ""} ${attr.class || ""}`,
-      ...ns.cssVarBlock({
-        "actionbar-padding": `${props.padding}px`,
-        "actionbar-padding-bottom": `${getDeviceType() === "Android" ? `${Math.max(props.padding, 20)}px` : `${props.padding}px`}`
-      })
-    }));
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          ref_key: "placeholderRef",
-          ref: placeholderRef,
-          style: normalizeStyle(`width: 100%; height: ${unref(height)}px`)
-        },
-        [
-          createElementVNode(
-            "div",
-            {
-              ref_key: "actionbar",
-              ref: actionbar,
-              style: normalizeStyle(actionbarStyle.value),
-              class: normalizeClass([actionbarStyle.value.class, unref(ns).e("actionbar")]),
-              "data-fixed-calc-width": ""
-            },
-            [
-              renderSlot(_ctx.$slots, "default")
-            ],
-            6
-            /* CLASS, STYLE */
-          )
-        ],
-        4
-        /* STYLE */
-      );
-    };
-  }
-});
-
-export { _sfc_main as default };
+import{defineComponent as e,useAttrs as o,ref as t,onMounted as d,onUnmounted as i,computed as n,createElementBlock as a,openBlock as r,normalizeStyle as l,unref as s,createElementVNode as c,normalizeClass as p,renderSlot as u}from"vue";import{useNamespace as m}from"@qxs-bns/hooks";import{getDeviceType as x}from"@qxs-bns/utils";import{useElementSize as f,useParentElement as h,useElementBounding as b}from"@vueuse/core";var v=e({name:"QxsFixedActionBar",props:{padding:{type:Number,default:8}},setup(e){const v=e,w=m("fixed-action-bar"),g=o(),$=t(!1),y=t(null),E=t(null),{height:k}=f(y,void 0,{box:"border-box"}),H=h(E),{left:q}=b(H),{width:A}=f(H,void 0,{box:"border-box"});function B(){const e=window.scrollY||document.documentElement.scrollTop,o=window.innerHeight||document.documentElement.clientHeight,t=document.documentElement.scrollHeight;$.value=Math.ceil(e+o)>=t}d((()=>{B(),window.addEventListener("scroll",B)})),i((()=>{window.removeEventListener("scroll",B)}));const L=n((()=>({width:`${A||0}px`,left:`${q}px`,class:`${$.value?"":w.is("shadow")} ${g.class||""}`,...w.cssVarBlock({"actionbar-padding":`${v.padding}px`,"actionbar-padding-bottom":""+("Android"===x()?`${Math.max(v.padding,20)}px`:`${v.padding}px`)})})));return(e,o)=>(r(),a("div",{ref_key:"placeholderRef",ref:E,style:l(`width: 100%; height: ${s(k)}px`)},[c("div",{ref_key:"actionbar",ref:y,style:l(L.value),class:p([L.value.class,s(w).e("actionbar")]),"data-fixed-calc-width":""},[u(e.$slots,"default")],6)],4))}});export{v as default};
 //# sourceMappingURL=fixed-action-bar.vue.js.map

package/es/src/fixed-action-bar/src/fixed-action-bar.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"fixed-action-bar.vue.js","sources":["../../../../../../packages/components/src/fixed-action-bar/src/fixed-action-bar.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"QxsFixedActionBar\",\n};\n</script>\n<script setup lang=\"ts\">\nimport { useNamespace } from \"@qxs-bns/hooks\";\nimport { getDeviceType } from \"@qxs-bns/utils\";\nimport {\n  useElementBounding,\n  useElementSize,\n  useParentElement,\n} from \"@vueuse/core\";\nimport { computed, onMounted, onUnmounted, ref, useAttrs } from \"vue\";\n\nconst props = defineProps({\n  padding: {\n    type: Number,\n    default: 8,\n  },\n});\n\nconst ns = useNamespace(\"fixed-action-bar\");\nconst attr = useAttrs();\nconst isBottom = ref(false);\nconst actionbar = ref<HTMLElement | null>(null);\nconst placeholderRef = ref<HTMLElement | null>(null);\n\nconst { height } = useElementSize(actionbar, undefined, { box: \"border-box\" });\nconst parentEl = useParentElement(placeholderRef);\nconst { left: placeholderLeft } = useElementBounding(parentEl);\nconst { width: placeholderParentWidth } = useElementSize(parentEl, undefined, {\n  box: \"border-box\",\n});\nfunction calculateScrollDetails() {\n  const scrollTop = window.scrollY || document.documentElement.scrollTop;\n  const windowHeight =\n    window.innerHeight || document.documentElement.clientHeight;\n  const scrollHeight = document.documentElement.scrollHeight;\n\n  isBottom.value = Math.ceil(scrollTop + windowHeight) >= scrollHeight;\n}\n\nonMounted(() => {\n  calculateScrollDetails();\n  window.addEventListener(\"scroll\", calculateScrollDetails);\n});\n\nonUnmounted(() => {\n  window.removeEventListener(\"scroll\", calculateScrollDetails);\n});\n\n// 计算属性用于动态计算actionbar的样式\nconst actionbarStyle = computed(() => ({\n  width: `${placeholderParentWidth || 0}px`,\n  left: `${placeholderLeft}px`,\n  class: `${!isBottom.value ? ns.is(\"shadow\") : \"\"} ${attr.class || \"\"}`,\n  ...ns.cssVarBlock({\n    \"actionbar-padding\": `${props.padding}px`,\n    \"actionbar-padding-bottom\": `${\n      getDeviceType() === \"Android\"\n        ? `${Math.max(props.padding, 20)}px`\n        : `${props.padding}px`\n    }`,\n  }),\n}));\n</script>\n\n<template>\n  <div ref=\"placeholderRef\" :style=\"`width: 100%; height: ${height}px`\">\n    <div\n      ref=\"actionbar\"\n      :style=\"actionbarStyle\"\n      :class=\"[actionbarStyle.class, ns.e('actionbar')]\"\n      data-fixed-calc-width\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n"],"names":[],"mappings":";;;;;AACA,MAAe,WAAA,GAAA;AAAA,EACb,IAAM,EAAA;AACR,CAAA;;;;;;;;;;AAYA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAOd,IAAM,MAAA,EAAA,GAAK,aAAa,kBAAkB,CAAA;AAC1C,IAAA,MAAM,OAAO,QAAS,EAAA;AACtB,IAAM,MAAA,QAAA,GAAW,IAAI,KAAK,CAAA;AAC1B,IAAM,MAAA,SAAA,GAAY,IAAwB,IAAI,CAAA;AAC9C,IAAM,MAAA,cAAA,GAAiB,IAAwB,IAAI,CAAA;AAEnD,IAAM,MAAA,EAAE,QAAW,GAAA,cAAA,CAAe,WAAW,MAAW,EAAA,EAAE,GAAK,EAAA,YAAA,EAAc,CAAA;AAC7E,IAAM,MAAA,QAAA,GAAW,iBAAiB,cAAc,CAAA;AAChD,IAAA,MAAM,EAAE,IAAA,EAAM,eAAgB,EAAA,GAAI,mBAAmB,QAAQ,CAAA;AAC7D,IAAA,MAAM,EAAE,KAAO,EAAA,sBAAA,EAA2B,GAAA,cAAA,CAAe,UAAU,MAAW,EAAA;AAAA,MAC5E,GAAK,EAAA;AAAA,KACN,CAAA;AACD,IAAA,SAAS,sBAAyB,GAAA;AAChC,MAAA,MAAM,SAAY,GAAA,MAAA,CAAO,OAAW,IAAA,QAAA,CAAS,eAAgB,CAAA,SAAA;AAC7D,MAAA,MAAM,YACJ,GAAA,MAAA,CAAO,WAAe,IAAA,QAAA,CAAS,eAAgB,CAAA,YAAA;AACjD,MAAM,MAAA,YAAA,GAAe,SAAS,eAAgB,CAAA,YAAA;AAE9C,MAAA,QAAA,CAAS,KAAQ,GAAA,IAAA,CAAK,IAAK,CAAA,SAAA,GAAY,YAAY,CAAK,IAAA,YAAA;AAAA;AAG1D,IAAA,SAAA,CAAU,MAAM;AACd,MAAuB,sBAAA,EAAA;AACvB,MAAO,MAAA,CAAA,gBAAA,CAAiB,UAAU,sBAAsB,CAAA;AAAA,KACzD,CAAA;AAED,IAAA,WAAA,CAAY,MAAM;AAChB,MAAO,MAAA,CAAA,mBAAA,CAAoB,UAAU,sBAAsB,CAAA;AAAA,KAC5D,CAAA;AAGD,IAAM,MAAA,cAAA,GAAiB,SAAS,OAAO;AAAA,MACrC,KAAA,EAAO,CAAG,EAAA,sBAAA,IAA0B,CAAC,CAAA,EAAA,CAAA;AAAA,MACrC,IAAA,EAAM,GAAG,eAAe,CAAA,EAAA,CAAA;AAAA,MACxB,KAAO,EAAA,CAAA,EAAG,CAAC,QAAA,CAAS,KAAQ,GAAA,EAAA,CAAG,EAAG,CAAA,QAAQ,CAAI,GAAA,EAAE,CAAI,CAAA,EAAA,IAAA,CAAK,SAAS,EAAE,CAAA,CAAA;AAAA,MACpE,GAAG,GAAG,WAAY,CAAA;AAAA,QAChB,mBAAA,EAAqB,CAAG,EAAA,KAAA,CAAM,OAAO,CAAA,EAAA,CAAA;AAAA,QACrC,4BAA4B,CAC1B,EAAA,aAAA,EAAoB,KAAA,SAAA,GAChB,GAAG,IAAK,CAAA,GAAA,CAAI,KAAM,CAAA,OAAA,EAAS,EAAE,CAAC,CAAA,EAAA,CAAA,GAC9B,CAAG,EAAA,KAAA,CAAM,OAAO,CACtB,EAAA,CAAA,CAAA;AAAA,OACD;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"fixed-action-bar.vue.js","sources":["../../../../../../packages/components/src/fixed-action-bar/src/fixed-action-bar.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: \"QxsFixedActionBar\",\n};\n</script>\n<script setup lang=\"ts\">\nimport { useNamespace } from \"@qxs-bns/hooks\";\nimport { getDeviceType } from \"@qxs-bns/utils\";\nimport {\n  useElementBounding,\n  useElementSize,\n  useParentElement,\n} from \"@vueuse/core\";\nimport { computed, onMounted, onUnmounted, ref, useAttrs } from \"vue\";\n\nconst props = defineProps({\n  padding: {\n    type: Number,\n    default: 8,\n  },\n});\n\nconst ns = useNamespace(\"fixed-action-bar\");\nconst attr = useAttrs();\nconst isBottom = ref(false);\nconst actionbar = ref<HTMLElement | null>(null);\nconst placeholderRef = ref<HTMLElement | null>(null);\n\nconst { height } = useElementSize(actionbar, undefined, { box: \"border-box\" });\nconst parentEl = useParentElement(placeholderRef);\nconst { left: placeholderLeft } = useElementBounding(parentEl);\nconst { width: placeholderParentWidth } = useElementSize(parentEl, undefined, {\n  box: \"border-box\",\n});\nfunction calculateScrollDetails() {\n  const scrollTop = window.scrollY || document.documentElement.scrollTop;\n  const windowHeight =\n    window.innerHeight || document.documentElement.clientHeight;\n  const scrollHeight = document.documentElement.scrollHeight;\n\n  isBottom.value = Math.ceil(scrollTop + windowHeight) >= scrollHeight;\n}\n\nonMounted(() => {\n  calculateScrollDetails();\n  window.addEventListener(\"scroll\", calculateScrollDetails);\n});\n\nonUnmounted(() => {\n  window.removeEventListener(\"scroll\", calculateScrollDetails);\n});\n\n// 计算属性用于动态计算actionbar的样式\nconst actionbarStyle = computed(() => ({\n  width: `${placeholderParentWidth || 0}px`,\n  left: `${placeholderLeft}px`,\n  class: `${!isBottom.value ? ns.is(\"shadow\") : \"\"} ${attr.class || \"\"}`,\n  ...ns.cssVarBlock({\n    \"actionbar-padding\": `${props.padding}px`,\n    \"actionbar-padding-bottom\": `${\n      getDeviceType() === \"Android\"\n        ? `${Math.max(props.padding, 20)}px`\n        : `${props.padding}px`\n    }`,\n  }),\n}));\n</script>\n\n<template>\n  <div ref=\"placeholderRef\" :style=\"`width: 100%; height: ${height}px`\">\n    <div\n      ref=\"actionbar\"\n      :style=\"actionbarStyle\"\n      :class=\"[actionbarStyle.class, ns.e('actionbar')]\"\n      data-fixed-calc-width\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n"],"names":["name","props","__props","ns","useNamespace","attr","useAttrs","isBottom","ref","actionbar","placeholderRef","height","useElementSize","box","parentEl","useParentElement","left","placeholderLeft","useElementBounding","width","placeholderParentWidth","calculateScrollDetails","scrollTop","window","scrollY","document","documentElement","windowHeight","innerHeight","clientHeight","scrollHeight","value","Math","ceil","onMounted","addEventListener","onUnmounted","removeEventListener","actionbarStyle","computed","class","is","cssVarBlock","padding","getDeviceType","max"],"mappings":"+aAEEA,KAAM,qEAaR,MAAMC,EAAQC,EAORC,EAAKC,EAAa,oBAClBC,EAAOC,IACPC,EAAWC,GAAI,GACfC,EAAYD,EAAwB,MACpCE,EAAiBF,EAAwB,OAEzCG,OAAEA,GAAWC,EAAeH,OAAW,EAAW,CAAEI,IAAK,eACzDC,EAAWC,EAAiBL,IAC1BM,KAAMC,GAAoBC,EAAmBJ,IAC7CK,MAAOC,GAA2BR,EAAeE,OAAU,EAAW,CAC5ED,IAAK,eAEP,SAASQ,IACP,MAAMC,EAAYC,OAAOC,SAAWC,SAASC,gBAAgBJ,UACvDK,EACJJ,OAAOK,aAAeH,SAASC,gBAAgBG,aAC3CC,EAAeL,SAASC,gBAAgBI,aAE9CvB,EAASwB,MAAQC,KAAKC,KAAKX,EAAYK,IAAiBG,CAAA,CAG1DI,GAAU,KACeb,IAChBE,OAAAY,iBAAiB,SAAUd,EAAsB,IAG1De,GAAY,KACHb,OAAAc,oBAAoB,SAAUhB,EAAsB,IAIvD,MAAAiB,EAAiBC,GAAS,KAAO,CACrCpB,MAAO,GAAGC,GAA0B,MACpCJ,KAAM,GAAGC,MACTuB,MAAO,GAAIjC,EAASwB,MAA0B,GAAlB5B,EAAGsC,GAAG,aAAkBpC,EAAKmC,OAAS,QAC/DrC,EAAGuC,YAAY,CAChB,oBAAqB,GAAGzC,EAAM0C,YAC9B,2BAA4B,IACN,YAApBC,IACI,GAAGZ,KAAKa,IAAI5C,EAAM0C,QAAS,QAC3B,GAAG1C,EAAM0C"}

package/es/src/fixed-action-bar/src/fixed-action-bar.vue2.js

@@ -1,6 +1,2 @@
-import _sfc_main from './fixed-action-bar.vue.js';
-
-
-
-export { _sfc_main as default };
+import a from"./fixed-action-bar.vue.js";export{a as default};
 //# sourceMappingURL=fixed-action-bar.vue2.js.map

package/es/src/fixed-action-bar/src/fixed-action-bar.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"fixed-action-bar.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"fixed-action-bar.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/src/image-upload/index.js

@@ -1,7 +1,2 @@
-import { withInstall } from '../withInstall.js';
-import _sfc_main from './src/image-upload.vue.js';
-
-const QxsImageUpload = withInstall(_sfc_main);
-
-export { QxsImageUpload, QxsImageUpload as default };
+import{withInstall as o}from"../withInstall.js";import t from"./src/image-upload.vue.js";const r=o(t);export{r as QxsImageUpload,r as default};
 //# sourceMappingURL=index.js.map

package/es/src/image-upload/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../packages/components/src/image-upload/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/image-upload.vue'\n\nconst QxsImageUpload = withInstall(component)\n\nexport {\n  QxsImageUpload,\n}\n\nexport default QxsImageUpload\n"],"names":["QxsImageUpload","withInstall","component"],"mappings":";;;AAGA,MAAMA,cAAA,GAAiBC,YAAYC,SAAS;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/src/image-upload/index.ts"],"sourcesContent":["import { withInstall } from '../withInstall'\nimport component from './src/image-upload.vue'\n\nconst QxsImageUpload = withInstall(component)\n\nexport {\n  QxsImageUpload,\n}\n\nexport default QxsImageUpload\n"],"names":["QxsImageUpload","withInstall","component"],"mappings":"yFAGA,MAAMA,EAAiBC,EAAYC"}