@qxs-bns/components 0.0.22 → 0.0.24

package/lib/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":["useResize","myChart","chartDOM","width","height","useElementSize","watchDebounced","resize","_ref","chartData","chartOptions","mountedBefore","initAfter","callback","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","backgroundColor","image","emptyImg","subtextStyle","notMerge","replaceMerge","lazyUpdate","newVal","show","toolbox","debounce","onMounted","async","data","length","onUnmounted","getZr","off","dataSource","desc","colDesc","groupByDesc","header","map","item","filter","v","json","headerItem"],"mappings":"uYAkKgB,SAAAA,EAAUC,EAAkBC,GAC1C,MAAMC,MAAEA,EAAAC,OAAOA,GAAWC,EAAAA,eAAeH,GACzCI,EAAAA,eAAe,CAACH,EAAOC,IAAS,KAC1BH,GACFA,EAAQM,QACV,GAEJ,mBA/JgB,SAAAC,GAOb,IAPuBN,SAAEA,EAAUO,UAAAA,EAAAC,aAAWA,gBAAcC,EAAeC,UAAAA,EAAAC,SAAWA,GAOtFL,EACGP,EAA0B,KACxB,MAAAa,EAAmBC,OAAI,GAGvBC,EAAMC,OAAOC,kBAAoB,EAEvC,SAASC,IACHlB,IAAYA,EAAQmB,eACtBnB,EAAQoB,UACEpB,EAAA,KAEd,CAEA,SAASqB,IACP,GAAKrB,GAAYa,EAAiBS,OAAUrB,EAASqB,MAArD,CAIAtB,EAAQuB,cACJ,IACEvB,EAAQmB,eAEVnB,EAAUwB,EAAQC,KAAKxB,EAASqB,MAAO,KAAM,CAC3CL,iBAAkBF,EAClBW,SAAU,SAGN1B,EAAA2B,aAAUC,iBAEbC,GACGC,QAAAC,IAAI,UAAWF,GACVX,IACTjB,EAASqB,QACXtB,EAAUwB,EAAQC,KAAKxB,EAASqB,MAAO,KAAM,CAC3CL,iBAAkBF,EAClBW,SAAU,QAEZM,EAAS,SAEb,CACA,QACEhC,GAASiC,aACX,CA1BA,CA2BF,CAEA,MAAQC,UAAWC,GAAiBC,EAAAA,kBAAkBnC,GAQ7C,SAAA+B,IAA2B,IAAlBK,yDAAU,OA8B1BhB,EA7B2B,CACzBiB,MAAO,CAAC,CACNC,KAAM/B,EAAUc,OAAOkB,aACpB/B,EAAaa,MAAMgB,OACrB,CACDD,UACAI,IAAK,SACLC,KAAM,SACNH,KAAM,QACNI,SAAS,GACTC,UAAW,CACTC,MAAO,SACPC,KAAM,CACJC,EAAG,CACDC,MAAO,OACPC,SAAU,KACV9C,OAAQ,GACRD,MAAO,IACPgD,gBAAiB,CACfC,MAAOC,EAAAA,YAKfC,aAAc,CACZJ,SAAU,OAID,CACbK,UAAU,EACVC,aAAc,CAAC,QAAS,QAAS,UACjCC,YAAY,GAEhB,CAmDO,OA7FQnD,EAAAA,eAAA8B,GAAesB,IA4C9B,IAAuBC,EA3CC,kBAAXD,IA2CUC,GAxCND,EAyCVzD,GAASmB,cACZnB,GAAS2B,UAAU,CACjBgC,QAAS,CACPD,UA5Ce,GACpB,CAAEE,SAAU,MAiDfC,EAAAA,WAAUC,UACJpD,SACIA,IAEHT,EAASqB,QAGDJ,IACblB,EAAUwB,EAAQC,KAAKxB,EAASqB,MAAO,KAAM,CAC3CL,iBAAkBF,EAClBW,SAAU,QAERd,GACFA,EAASZ,GAEPW,SACIA,IAGRZ,EAAUC,EAASC,GAEnBY,EAAiBS,OAAQ,EAErBd,EAAUc,OAAOyC,MAAMC,OACf3C,EAAAZ,EAAaa,MAAO,IAGrBU,IACX,IAGFiC,EAAAA,aAAY,KACNjE,IACMA,EAAAkE,SAASC,IAAI,aACbnE,EAAAkE,SAASC,IAAI,YACRjD,IACf,IAGK,CACLlB,UAEJ,6BAWO,SAA4BoE,GACjC,MAAQC,MAAMC,QAAEA,EAAU,GAAIC,YAAAA,EAAc,IAAO,CAAC,EAAAR,KAAGA,EAAO,IAAOK,EAC/DI,EAAS,IAAID,EAAYE,KAAYC,GAAAA,EAAKJ,aAAaA,GAASK,WAAYC,IAC5EC,EAAOd,EAAKU,KAAKC,GACdF,EAAOC,KAAKK,GACVJ,EAAKI,IAAoC,OAG7C,MAAA,CAACN,KAAWK,EACrB"}

package/lib/src/defaults.js

@@ -1,11 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components = require('./components.js');
-var makeInstaller = require('./make-installer.js');
-
-var installer = makeInstaller.makeInstaller(components);
-
-exports.default = installer;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components.js"),r=require("./make-installer.js").makeInstaller(e);exports.default=r;
 //# sourceMappingURL=defaults.js.map

package/lib/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,4BAAcC,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":"qGAGeA,iCAAAA,cAAcC"}

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

@@ -1,12 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var withInstall = require('../withInstall.js');
-var fileUpload_vue_vue_type_script_setup_true_lang = require('./src/file-upload.vue.js');
-
-const QxsFileUpload = withInstall.withInstall(fileUpload_vue_vue_type_script_setup_true_lang.default);
-
-exports.QxsFileUpload = QxsFileUpload;
-exports.default = QxsFileUpload;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../withInstall.js"),t=require("./src/file-upload.vue.js");const s=e.withInstall(t.default);exports.QxsFileUpload=s,exports.default=s;
 //# sourceMappingURL=index.js.map

package/lib/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,wBAAYC,sDAAS;;;;;"}
+{"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","default"],"mappings":"6IAGA,MAAMA,EAAgBC,cAAYC,EAASC"}

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

@@ -1,121 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-var iconsVue = require('@element-plus/icons-vue');
-var hooks = require('@qxs-bns/hooks');
-var index = require('../../../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');
-var index$1 = require('../../../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');
-var index$2 = require('../../../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');
-var index$3 = require('../../../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__ */ vue.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 = hooks.useNamespace("file-upload");
-    const exts = vue.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) {
-        index$3.ElMessage.error(`\u4E0A\u4F20\u6587\u4EF6\u53EA\u652F\u6301 ${exts.value.join(" / ")} \u683C\u5F0F\uFF01`);
-      }
-      if (!isSizeOk) {
-        index$3.ElMessage.error(`\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7 ${props.size}MB\uFF01`);
-      }
-      return isTypeOk && isSizeOk;
-    };
-    const onExceed = () => {
-      index$3.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 = index$1.ElIcon;
-      const _component_el_alert = index$2.ElAlert;
-      const _component_el_upload = index.ElUpload;
-      return vue.openBlock(), vue.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: vue.normalizeClass(vue.unref(ns).e("control"))
-      }, {
-        tip: vue.withCtx(() => [
-          !_ctx.notip ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, [
-            vue.createElementVNode("div", _hoisted_3, [
-              vue.createVNode(_component_el_alert, {
-                title: `\u4E0A\u4F20\u6587\u4EF6\u652F\u6301 ${vue.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"])
-            ])
-          ])) : vue.createCommentVNode("v-if", true)
-        ]),
-        default: vue.withCtx(() => [
-          vue.createElementVNode("div", _hoisted_1, [
-            vue.createVNode(_component_el_icon, { class: "el-icon--upload" }, {
-              default: vue.withCtx(() => [
-                vue.createVNode(vue.unref(iconsVue.UploadFilled))
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            _cache[0] || (_cache[0] = vue.createElementVNode(
-              "div",
-              { class: "el-upload__text" },
-              [
-                vue.createTextVNode(" \u5C06\u6587\u4EF6\u62D6\u5230\u6B64\u5904\uFF0C\u6216"),
-                vue.createElementVNode("em", null, "\u70B9\u51FB\u4E0A\u4F20")
-              ],
-              -1
-              /* HOISTED */
-            ))
-          ])
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["headers", "action", "data", "name", "file-list", "limit", "class"]);
-    };
-  }
-});
-
-exports.default = _sfc_main;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("element-plus/es"),t=require("vue"),l=require("@element-plus/icons-vue"),a=require("@qxs-bns/hooks");const r={class:"slot"},i={key:0,class:"el-upload__tip"},s={style:{display:"inline-block"}};var o=t.defineComponent({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(o,{emit:n}){const d=o,u=n,c=a.useNamespace("file-upload"),p=t.computed((()=>d.accept.split(",").map((e=>e.split("/").pop())))),m=t=>{const l=t.name.split(".").at(-1)??"",a=p.value.includes(l),r=t.size/1024/1024<d.size;return a||e.ElMessage.error(`上传文件只支持 ${p.value.join(" / ")} 格式！`),r||e.ElMessage.error(`上传文件大小不能超过 ${d.size}MB！`),a&&r},f=()=>{e.ElMessage.warning("文件上传超过限制")},y=(e,t,l)=>{u("onSuccess",e,t,l)};return(a,o)=>{const n=e.ElIcon,d=e.ElAlert,u=e.ElUpload;return t.openBlock(),t.createBlock(u,{headers:a.headers,action:a.action,data:a.data,name:a.name,"before-upload":m,"on-exceed":f,"on-success":y,"file-list":a.files,limit:a.max,drag:"",class:t.normalizeClass(t.unref(c).e("control"))},{tip:t.withCtx((()=>[a.notip?t.createCommentVNode("v-if",!0):(t.openBlock(),t.createElementBlock("div",i,[t.createElementVNode("div",s,[t.createVNode(d,{title:`上传文件支持 ${t.unref(p).join(" / ")} 格式，单个文件大小不超过 ${a.size}MB，且文件数量不超过 ${a.max} 个`,type:"info","show-icon":"",closable:!1},null,8,["title"])])]))])),default:t.withCtx((()=>[t.createElementVNode("div",r,[t.createVNode(n,{class:"el-icon--upload"},{default:t.withCtx((()=>[t.createVNode(t.unref(l.UploadFilled))])),_:1}),o[0]||(o[0]=t.createElementVNode("div",{class:"el-upload__text"},[t.createTextVNode(" 将文件拖到此处，或"),t.createElementVNode("em",null,"点击上传")],-1))])])),_:1},8,["headers","action","data","name","file-list","limit","class"])}}});exports.default=o;
 //# sourceMappingURL=file-upload.vue.js.map

package/lib/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":["useNamespace","computed","ElMessage"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAuBd,IAAA,MAAM,IAAO,GAAA,MAAA;AAEb,IAAM,MAAA,EAAA,GAAKA,mBAAa,aAAa,CAAA;AAErC,IAAM,MAAA,IAAA,GAAOC,aAAS,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,QAAAC,iBAAA,CAAU,MAAM,CAAW,2CAAA,EAAA,IAAA,CAAK,MAAM,IAAK,CAAA,KAAK,CAAC,CAAM,mBAAA,CAAA,CAAA;AAAA;AAEzD,MAAA,IAAI,CAAC,QAAU,EAAA;AACb,QAAAA,iBAAA,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,MAAAA,iBAAA,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":"2wBASA,MAAMA,EAAQC,EAuBRC,EAAOC,EAEPC,EAAKC,eAAa,eAElBC,EAAOC,EAAAA,UAAS,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,YAAUC,MAAM,WAAWlB,EAAKa,MAAMM,KAAK,cAExCJ,GACHE,EAAAA,UAAUC,MAAM,cAAcxB,EAAMsB,WAE/BJ,GAAYG,CAAA,EAGfK,EAAoC,KACxCH,EAAAA,UAAUI,QAAQ,WAAU,EAGxBC,EAAsC,CAACC,EAAKf,EAAMgB,KACjD5B,EAAA,YAAa2B,EAAKf,EAAMgB,EAAQ"}

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

@@ -1,10 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var fileUpload_vue_vue_type_script_setup_true_lang = require('./file-upload.vue.js');
-
-
-
-exports.default = fileUpload_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./file-upload.vue.js");exports.default=e.default;
 //# sourceMappingURL=file-upload.vue2.js.map

package/lib/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/lib/src/fixed-action-bar/index.js

@@ -1,12 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var withInstall = require('../withInstall.js');
-var fixedActionBar_vue_vue_type_script_setup_true_lang = require('./src/fixed-action-bar.vue.js');
-
-const QxsFixedActionBar = withInstall.withInstall(fixedActionBar_vue_vue_type_script_setup_true_lang.default);
-
-exports.QxsFixedActionBar = QxsFixedActionBar;
-exports.default = QxsFixedActionBar;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../withInstall.js"),t=require("./src/fixed-action-bar.vue.js");const r=e.withInstall(t.default);exports.QxsFixedActionBar=r,exports.default=r;
 //# sourceMappingURL=index.js.map

package/lib/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,wBAAYC,0DAAS;;;;;"}
+{"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","default"],"mappings":"kJAGA,MAAMA,EAAoBC,cAAYC,EAASC"}

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

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

package/lib/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":["useNamespace","useAttrs","ref","useElementSize","useParentElement","useElementBounding","onMounted","onUnmounted","computed","getDeviceType"],"mappings":";;;;;;;;;AACA,MAAe,WAAA,GAAA;AAAA,EACb,IAAM,EAAA;AACR,CAAA;;;;;;;;;;AAYA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAOd,IAAM,MAAA,EAAA,GAAKA,mBAAa,kBAAkB,CAAA;AAC1C,IAAA,MAAM,OAAOC,YAAS,EAAA;AACtB,IAAM,MAAA,QAAA,GAAWC,QAAI,KAAK,CAAA;AAC1B,IAAM,MAAA,SAAA,GAAYA,QAAwB,IAAI,CAAA;AAC9C,IAAM,MAAA,cAAA,GAAiBA,QAAwB,IAAI,CAAA;AAEnD,IAAM,MAAA,EAAE,QAAW,GAAAC,mBAAA,CAAe,WAAW,MAAW,EAAA,EAAE,GAAK,EAAA,YAAA,EAAc,CAAA;AAC7E,IAAM,MAAA,QAAA,GAAWC,sBAAiB,cAAc,CAAA;AAChD,IAAA,MAAM,EAAE,IAAA,EAAM,eAAgB,EAAA,GAAIC,wBAAmB,QAAQ,CAAA;AAC7D,IAAA,MAAM,EAAE,KAAO,EAAA,sBAAA,EAA2B,GAAAF,mBAAA,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,IAAAG,aAAA,CAAU,MAAM;AACd,MAAuB,sBAAA,EAAA;AACvB,MAAO,MAAA,CAAA,gBAAA,CAAiB,UAAU,sBAAsB,CAAA;AAAA,KACzD,CAAA;AAED,IAAAC,eAAA,CAAY,MAAM;AAChB,MAAO,MAAA,CAAA,mBAAA,CAAoB,UAAU,sBAAsB,CAAA;AAAA,KAC5D,CAAA;AAGD,IAAM,MAAA,cAAA,GAAiBC,aAAS,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,EAAAC,mBAAA,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":"oMAEEA,KAAM,qEAaR,MAAMC,EAAQC,EAORC,EAAKC,eAAa,oBAClBC,EAAOC,EAAAA,WACPC,EAAWC,OAAI,GACfC,EAAYD,MAAwB,MACpCE,EAAiBF,MAAwB,OAEzCG,OAAEA,GAAWC,iBAAeH,OAAW,EAAW,CAAEI,IAAK,eACzDC,EAAWC,mBAAiBL,IAC1BM,KAAMC,GAAoBC,EAAAA,mBAAmBJ,IAC7CK,MAAOC,GAA2BR,EAAAA,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,EAAAA,WAAU,KACeb,IAChBE,OAAAY,iBAAiB,SAAUd,EAAsB,IAG1De,EAAAA,aAAY,KACHb,OAAAc,oBAAoB,SAAUhB,EAAsB,IAIvD,MAAAiB,EAAiBC,EAAAA,UAAS,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,kBACI,GAAGZ,KAAKa,IAAI5C,EAAM0C,QAAS,QAC3B,GAAG1C,EAAM0C"}

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

@@ -1,10 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var fixedActionBar_vue_vue_type_script_setup_true_lang = require('./fixed-action-bar.vue.js');
-
-
-
-exports.default = fixedActionBar_vue_vue_type_script_setup_true_lang.default;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./fixed-action-bar.vue.js");exports.default=e.default;
 //# sourceMappingURL=fixed-action-bar.vue2.js.map

package/lib/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/lib/src/image-upload/index.js

@@ -1,12 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var withInstall = require('../withInstall.js');
-var imageUpload_vue_vue_type_script_setup_true_lang = require('./src/image-upload.vue.js');
-
-const QxsImageUpload = withInstall.withInstall(imageUpload_vue_vue_type_script_setup_true_lang.default);
-
-exports.QxsImageUpload = QxsImageUpload;
-exports.default = QxsImageUpload;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../withInstall.js"),t=require("./src/image-upload.vue.js");const s=e.withInstall(t.default);exports.QxsImageUpload=s,exports.default=s;
 //# sourceMappingURL=index.js.map

package/lib/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,wBAAYC,uDAAS;;;;;"}
+{"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","default"],"mappings":"8IAGA,MAAMA,EAAiBC,cAAYC,EAASC"}