@qxs-bns/components 0.0.19 → 0.0.20

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

@@ -1 +1 @@
-{"version":3,"file":"file-upload.vue2.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\n<style scoped>/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n/* layer: default */\n.inline-block{display:inline-block;}</style>"],"names":["props","__props","emit","__emit","ns","useNamespace","exts","computed","ext","beforeUpload","file","fileExt","_a","isTypeOk","isSizeOk","ElMessage","onExceed","onSuccess","res","fileList"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,UAAMA,IAAQC,GAuBRC,IAAOC,GAEPC,IAAKC,EAAa,aAAa,GAE/BC,IAAOC,EAAS,MACbP,EAAM,OAAO,MAAM,GAAG,EAAE,IAAI,CAAOQ,MAAAA,EAAI,MAAM,GAAG,EAAE,IAAA,CAAK,CAC/D,GACKC,IAA4C,CAACC,MAAS;;AAE1D,YAAMC,KAAUC,IADCF,EAAK,KAAK,MAAM,GAAG,EACX,GAAG,EAAE,MAAd,OAAAE,IAAmB,IAC7BC,IAAWP,EAAK,MAAM,SAASK,CAAO,GACtCG,IAAWJ,EAAK,OAAO,OAAO,OAAOV,EAAM;AACjD,aAAKa,KACHE,EAAU,MAAM,WAAWT,EAAK,MAAM,KAAK,KAAK,CAAC,MAAM,GAEpDQ,KACHC,EAAU,MAAM,cAAcf,EAAM,IAAI,KAAK,GAExCa,KAAYC;AAAA,IACrB,GAEME,IAAoC,MAAM;AAC9C,MAAAD,EAAU,QAAQ,UAAU;AAAA,IAC9B,GAEME,IAAsC,CAACC,GAAKR,GAAMS,MAAa;AAC9D,MAAAjB,EAAA,aAAagB,GAAKR,GAAMS,CAAQ;AAAA,IACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"file-upload.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -1,8 +1,12 @@
-import { withInstall as o } from "../withInstall.js";
-import t from "./src/fixed-action-bar.vue.js";
-const m = o(t);
-export {
-  m as QxsFixedActionBar,
-  m as default
-};
+'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;
 //# 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":";;AAGM,MAAAA,IAAoBC,EAAYC,CAAS;"}
+{"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;;;;;"}

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

@@ -1,8 +1,89 @@
-import o from "./fixed-action-bar.vue2.js";
-/* empty css                      */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-e1b5fd13"]]);
-export {
-  e as default
+'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;
 //# 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":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,67 +1,10 @@
-var y = Object.defineProperty, B = Object.defineProperties;
-var k = Object.getOwnPropertyDescriptors;
-var u = Object.getOwnPropertySymbols;
-var H = Object.prototype.hasOwnProperty, S = Object.prototype.propertyIsEnumerable;
-var f = (o, e, t) => e in o ? y(o, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : o[e] = t, a = (o, e) => {
-  for (var t in e || (e = {}))
-    H.call(e, t) && f(o, t, e[t]);
-  if (u)
-    for (var t of u(e))
-      S.call(e, t) && f(o, t, e[t]);
-  return o;
-}, h = (o, e) => B(o, k(e));
-import { defineComponent as z, useAttrs as A, ref as c, onMounted as L, onUnmounted as M, computed as N, createElementBlock as T, openBlock as C, normalizeStyle as x, unref as b, createElementVNode as D, normalizeClass as P, renderSlot as R } from "vue";
-import { useNamespace as V } from "../../../packages/hooks/src/use-namespace.js";
-import { getDeviceType as F } from "../../../packages/utils/src/device.js";
-import { useElementSize as g, useParentElement as Q, useElementBounding as U } from "../../../_virtual/@vueuse/core/index.js";
-const W = {
-  name: "QxsFixedActionBar"
-}, J = /* @__PURE__ */ z(h(a({}, W), {
-  props: {
-    padding: {
-      type: Number,
-      default: 8
-    }
-  },
-  setup(o) {
-    const e = o, t = V("fixed-action-bar"), w = A(), r = c(!1), i = c(null), s = c(null), { height: v } = g(i, void 0, { box: "border-box" }), d = Q(s), { left: E } = U(d), { width: $ } = g(d, void 0, {
-      box: "border-box"
-    });
-    function n() {
-      const l = window.scrollY || document.documentElement.scrollTop, p = window.innerHeight || document.documentElement.clientHeight, _ = document.documentElement.scrollHeight;
-      r.value = Math.ceil(l + p) >= _;
-    }
-    L(() => {
-      n(), window.addEventListener("scroll", n);
-    }), M(() => {
-      window.removeEventListener("scroll", n);
-    });
-    const m = N(() => a({
-      width: `${$ || 0}px`,
-      left: `${E}px`,
-      class: `${r.value ? "" : t.is("shadow")} ${w.class || ""}`
-    }, t.cssVarBlock({
-      "actionbar-padding": `${e.padding}px`,
-      "actionbar-padding-bottom": `${F() === "Android" ? `${Math.max(e.padding, 20)}px` : `${e.padding}px`}`
-    })));
-    return (l, p) => (C(), T("div", {
-      ref_key: "placeholderRef",
-      ref: s,
-      style: x(`width: 100%; height: ${b(v)}px`)
-    }, [
-      D("div", {
-        ref_key: "actionbar",
-        ref: i,
-        style: x(m.value),
-        class: P([m.value.class, b(t).e("actionbar")]),
-        "data-fixed-calc-width": ""
-      }, [
-        R(l.$slots, "default", {}, void 0, !0)
-      ], 6)
-    ], 4));
-  }
-}));
-export {
-  J as default
-};
+'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;
 //# 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":["../../../../../../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\n<style scoped>/* layer: preflights */\n*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}\n/* layer: default */\n.px{padding-left:1rem;padding-right:1rem;}\n.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}</style>"],"names":["__default__","props","__props","ns","useNamespace","attr","useAttrs","isBottom","ref","actionbar","placeholderRef","height","useElementSize","parentEl","useParentElement","placeholderLeft","useElementBounding","placeholderParentWidth","calculateScrollDetails","scrollTop","windowHeight","scrollHeight","onMounted","onUnmounted","actionbarStyle","computed","__spreadValues","getDeviceType"],"mappings":";;;;;;;;;;;;;;;;AACA,MAAeA,IAAA;AAAA,EACb,MAAM;AACR;;;;;;;;AAYA,UAAMC,IAAQC,GAORC,IAAKC,EAAa,kBAAkB,GACpCC,IAAOC,EAAS,GAChBC,IAAWC,EAAI,EAAK,GACpBC,IAAYD,EAAwB,IAAI,GACxCE,IAAiBF,EAAwB,IAAI,GAE7C,EAAE,QAAAG,EAAW,IAAAC,EAAeH,GAAW,QAAW,EAAE,KAAK,cAAc,GACvEI,IAAWC,EAAiBJ,CAAc,GAC1C,EAAE,MAAMK,MAAoBC,EAAmBH,CAAQ,GACvD,EAAE,OAAOI,EAAA,IAA2BL,EAAeC,GAAU,QAAW;AAAA,MAC5E,KAAK;AAAA,IAAA,CACN;AACD,aAASK,IAAyB;AAChC,YAAMC,IAAY,OAAO,WAAW,SAAS,gBAAgB,WACvDC,IACJ,OAAO,eAAe,SAAS,gBAAgB,cAC3CC,IAAe,SAAS,gBAAgB;AAE9C,MAAAd,EAAS,QAAQ,KAAK,KAAKY,IAAYC,CAAY,KAAKC;AAAA,IAAA;AAG1D,IAAAC,EAAU,MAAM;AACS,MAAAJ,EAAA,GAChB,OAAA,iBAAiB,UAAUA,CAAsB;AAAA,IAAA,CACzD,GAEDK,EAAY,MAAM;AACT,aAAA,oBAAoB,UAAUL,CAAsB;AAAA,IAAA,CAC5D;AAGK,UAAAM,IAAiBC,EAAS,MAAOC,EAAA;AAAA,MACrC,OAAO,GAAGT,KAA0B,CAAC;AAAA,MACrC,MAAM,GAAGF,CAAe;AAAA,MACxB,OAAO,GAAIR,EAAS,QAA0B,KAAlBJ,EAAG,GAAG,QAAQ,CAAM,IAAIE,EAAK,SAAS,EAAE;AAAA,OACjEF,EAAG,YAAY;AAAA,MAChB,qBAAqB,GAAGF,EAAM,OAAO;AAAA,MACrC,4BAA4B,GAC1B0B,EAAoB,MAAA,YAChB,GAAG,KAAK,IAAI1B,EAAM,SAAS,EAAE,CAAC,OAC9B,GAAGA,EAAM,OAAO,IACtB;AAAA,IACD,CAAA,EACD;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"fixed-action-bar.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

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

@@ -1,8 +1,12 @@
-import { withInstall as o } from "../withInstall.js";
-import t from "./src/image-upload.vue.js";
-const p = o(t);
-export {
-  p as QxsImageUpload,
-  p as default
-};
+'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;
 //# 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":";;AAGM,MAAAA,IAAiBC,EAAYC,CAAS;"}
+{"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;;;;;"}

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

@@ -1,8 +1,233 @@
-import o from "./image-upload.vue2.js";
-/* empty css                  */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5d2dcde1"]]);
-export {
-  c as default
+'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');
+
+const _hoisted_1 = {
+  key: 1,
+  class: "image"
 };
+const _hoisted_2 = { class: "mask" };
+const _hoisted_3 = { class: "actions" };
+const _hoisted_4 = {
+  key: 0,
+  class: "el-upload__tip-text"
+};
+const _hoisted_5 = { style: { "display": "inline-block" } };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "QxsImageUpload"
+  },
+  __name: "image-upload",
+  props: {
+    action: { type: String, required: true },
+    headers: { type: null, required: false },
+    data: { type: null, required: false },
+    name: { type: String, required: false, default: "file" },
+    url: { type: String, required: false, default: "" },
+    size: { type: Number, required: false, default: 20 },
+    width: { type: Number, required: false, default: 160 },
+    accept: { type: String, required: false, default: "image/jpeg,image/jpg,image/png,image/gif" },
+    height: { type: Number, required: false, default: 90 },
+    placeholder: { type: String, required: false, default: "\u70B9\u51FB\u4E0A\u4F20\u56FE\u7247" },
+    notip: { type: Boolean, required: false, default: false },
+    tipText: { type: String, required: false },
+    beforeUpload: { type: null, required: false }
+  },
+  emits: ["update:url", "onSuccess"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const ns = hooks.useNamespace("image-upload");
+    const uploadData = ref({
+      imageViewerVisible: false,
+      progress: {
+        preview: "",
+        percent: 0
+      }
+    });
+    const exts = computed(() => {
+      return props.accept.split(",").map((ext) => ext.split("/").pop());
+    });
+    function preview() {
+      uploadData.value.imageViewerVisible = true;
+    }
+    function previewClose() {
+      uploadData.value.imageViewerVisible = false;
+    }
+    function remove() {
+      emits("update:url", "");
+    }
+    const handleBeforeUpload = (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\u56FE\u7247\u53EA\u652F\u6301${exts.value.join(" / ")}\u683C\u5F0F\uFF01`);
+      } else if (!isSizeOk) {
+        ElMessage.error(`\u4E0A\u4F20\u56FE\u7247\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7 ${props.size}MB\uFF01`);
+      } else {
+        uploadData.value.progress.preview = URL.createObjectURL(file);
+      }
+      return isTypeOk && isSizeOk && (!props.beforeUpload || props.beforeUpload(file));
+    };
+    const onProgress = (file) => {
+      uploadData.value.progress.percent = ~~file.percent;
+    };
+    const onSuccess = (...res) => {
+      uploadData.value.progress.preview = "";
+      uploadData.value.progress.percent = 0;
+      emits("onSuccess", ...res);
+    };
+    return (_ctx, _cache) => {
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_el_image = vue.resolveComponent("el-image");
+      const _component_el_progress = vue.resolveComponent("el-progress");
+      const _component_el_upload = vue.resolveComponent("el-upload");
+      const _component_el_image_viewer = vue.resolveComponent("el-image-viewer");
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(vue.unref(ns).e("upload-container"))
+        },
+        [
+          vue.createVNode(_component_el_upload, {
+            "show-file-list": false,
+            headers: _ctx.headers,
+            action: _ctx.action,
+            data: _ctx.data,
+            name: _ctx.name,
+            "before-upload": handleBeforeUpload,
+            "on-progress": onProgress,
+            "on-success": onSuccess,
+            drag: "",
+            accept: _ctx.accept,
+            class: vue.normalizeClass(vue.unref(ns).e("image-upload"))
+          }, {
+            default: vue.withCtx(() => [
+              _ctx.url === "" ? (vue.openBlock(), vue.createBlock(_component_el_image, {
+                key: 0,
+                src: _ctx.url === "" ? _ctx.placeholder : _ctx.url,
+                style: vue.normalizeStyle(`width:${_ctx.width}px;height:${_ctx.height}px;`),
+                fit: "fill"
+              }, {
+                error: vue.withCtx(() => [
+                  vue.createElementVNode(
+                    "div",
+                    {
+                      class: "image-slot",
+                      style: vue.normalizeStyle(`width:${_ctx.width}px;height:${_ctx.height}px;`)
+                    },
+                    [
+                      vue.createVNode(_component_el_icon, null, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(iconsVue.Plus))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      }),
+                      vue.createElementVNode(
+                        "p",
+                        null,
+                        vue.toDisplayString(_ctx.placeholder),
+                        1
+                        /* TEXT */
+                      )
+                    ],
+                    4
+                    /* STYLE */
+                  )
+                ]),
+                _: 1
+                /* STABLE */
+              }, 8, ["src", "style"])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+                vue.createVNode(_component_el_image, {
+                  src: _ctx.url,
+                  style: vue.normalizeStyle(`width:${_ctx.width}px;height:${_ctx.height}px;`),
+                  fit: "fill"
+                }, null, 8, ["src", "style"]),
+                vue.createElementVNode("div", _hoisted_2, [
+                  vue.createElementVNode("div", _hoisted_3, [
+                    vue.createElementVNode("span", {
+                      title: "\u9884\u89C8",
+                      onClick: vue.withModifiers(preview, ["stop"])
+                    }, [
+                      vue.createVNode(_component_el_icon, null, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(iconsVue.ZoomIn))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ]),
+                    vue.createElementVNode("span", {
+                      title: "\u79FB\u9664",
+                      onClick: vue.withModifiers(remove, ["stop"])
+                    }, [
+                      vue.createVNode(_component_el_icon, null, {
+                        default: vue.withCtx(() => [
+                          vue.createVNode(vue.unref(iconsVue.Delete))
+                        ]),
+                        _: 1
+                        /* STABLE */
+                      })
+                    ])
+                  ])
+                ])
+              ])),
+              vue.withDirectives(vue.createElementVNode(
+                "div",
+                {
+                  class: "progress",
+                  style: vue.normalizeStyle(`width:${_ctx.width}px;height:${_ctx.height}px;`)
+                },
+                [
+                  vue.createVNode(_component_el_image, {
+                    src: vue.unref(uploadData).progress.preview,
+                    style: vue.normalizeStyle(`width:${_ctx.width}px;height:${_ctx.height}px;`),
+                    fit: "fill"
+                  }, null, 8, ["src", "style"]),
+                  vue.createVNode(_component_el_progress, {
+                    type: "circle",
+                    width: Math.min(_ctx.width, _ctx.height) * 0.8,
+                    percentage: vue.unref(uploadData).progress.percent
+                  }, null, 8, ["width", "percentage"])
+                ],
+                4
+                /* STYLE */
+              ), [
+                [vue.vShow, _ctx.url === "" && vue.unref(uploadData).progress.percent]
+              ])
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["headers", "action", "data", "name", "accept", "class"]),
+          !_ctx.notip ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+            vue.createElementVNode(
+              "div",
+              _hoisted_5,
+              vue.toDisplayString(_ctx.tipText || `\u4E0A\u4F20\u56FE\u7247\u652F\u6301 ${vue.unref(exts).join(" / ")} \u683C\u5F0F\uFF0C\u4E14\u56FE\u7247\u5927\u5C0F\u4E0D\u8D85\u8FC7 ${_ctx.size}MB\uFF0C\u5EFA\u8BAE\u56FE\u7247\u5C3A\u5BF8\u4E3A ${_ctx.width}*${_ctx.height}`),
+              1
+              /* TEXT */
+            )
+          ])) : vue.createCommentVNode("v-if", true),
+          vue.unref(uploadData).imageViewerVisible ? (vue.openBlock(), vue.createBlock(_component_el_image_viewer, {
+            key: 1,
+            "url-list": [_ctx.url],
+            teleported: "",
+            onClose: previewClose
+          }, null, 8, ["url-list"])) : vue.createCommentVNode("v-if", true)
+        ],
+        2
+        /* CLASS */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
 //# sourceMappingURL=image-upload.vue.js.map

package/lib/src/image-upload/src/image-upload.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-upload.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"image-upload.vue.js","sources":["../../../../../../packages/components/src/image-upload/src/image-upload.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { UploadFile, UploadFiles, UploadProps } from 'element-plus'\nimport { Delete, Plus, ZoomIn } from '@element-plus/icons-vue'\nimport { useNamespace } from '@qxs-bns/hooks'\n\ndefineOptions({\n  name: 'QxsImageUpload',\n})\nconst props = withDefaults(\n  defineProps<{\n    action: UploadProps['action']\n    headers?: UploadProps['headers']\n    data?: UploadProps['data']\n    name?: UploadProps['name']\n    url?: string\n    size?: number\n    width?: number\n    accept?: string\n    height?: number\n    placeholder?: string\n    notip?: boolean\n    tipText?: string\n    beforeUpload?: UploadProps['beforeUpload']\n  }>(),\n  {\n    name: 'file',\n    url: '',\n    size: 20,\n    width: 160,\n    height: 90,\n    placeholder: '点击上传图片',\n    notip: false,\n    accept: 'image/jpeg,image/jpg,image/png,image/gif',\n  },\n)\nconst emits = defineEmits<{\n  'update:url': [\n    url: string,\n  ]\n  'onSuccess': [\n    res: any,\n    uploadFile: UploadFile,\n    uploadFiles: UploadFiles,\n  ]\n}>()\n\nconst ns = useNamespace('image-upload')\n\nconst uploadData = ref({\n  imageViewerVisible: false,\n  progress: {\n    preview: '',\n    percent: 0,\n  },\n})\n\nconst exts = computed(() => {\n  return props.accept.split(',').map(ext => ext.split('/').pop())\n})\n\n// 预览\nfunction preview() {\n  uploadData.value.imageViewerVisible = true\n}\n// 关闭预览\nfunction previewClose() {\n  uploadData.value.imageViewerVisible = false\n}\n// 移除\nfunction remove() {\n  emits('update:url', '')\n}\nconst handleBeforeUpload: 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\n  if (!isTypeOk) {\n    ElMessage.error(`上传图片只支持${exts.value.join(' / ')}格式！`)\n  }\n\n  else if (!isSizeOk) {\n    ElMessage.error(`上传图片大小不能超过 ${props.size}MB！`)\n  }\n  else {\n    uploadData.value.progress.preview = URL.createObjectURL(file)\n  }\n\n  return isTypeOk && isSizeOk && (!props.beforeUpload || props.beforeUpload(file))\n}\nconst onProgress: UploadProps['onProgress'] = (file) => {\n  uploadData.value.progress.percent = ~~file.percent\n}\nconst onSuccess: UploadProps['onSuccess'] = (...res) => {\n  uploadData.value.progress.preview = ''\n  uploadData.value.progress.percent = 0\n  emits('onSuccess', ...res)\n}\n</script>\n\n<template>\n  <div :class=\"ns.e('upload-container')\">\n    <el-upload\n      :show-file-list=\"false\"\n      :headers=\"headers\"\n      :action=\"action\"\n      :data=\"data\"\n      :name=\"name\"\n      :before-upload=\"handleBeforeUpload\"\n      :on-progress=\"onProgress\"\n      :on-success=\"onSuccess\"\n      drag\n      :accept=\"accept\"\n      :class=\"ns.e('image-upload')\"\n    >\n      <el-image\n        v-if=\"url === ''\"\n        :src=\"url === '' ? placeholder : url\"\n        :style=\"`width:${width}px;height:${height}px;`\"\n        fit=\"fill\"\n      >\n        <template #error>\n          <div class=\"image-slot\" :style=\"`width:${width}px;height:${height}px;`\">\n            <el-icon>\n              <Plus />\n            </el-icon>\n            <p>\n              {{ placeholder }}\n            </p>\n          </div>\n        </template>\n      </el-image>\n      <div v-else class=\"image\">\n        <el-image\n          :src=\"url\"\n          :style=\"`width:${width}px;height:${height}px;`\"\n          fit=\"fill\"\n        />\n        <div class=\"mask\">\n          <div class=\"actions\">\n            <span title=\"预览\" @click.stop=\"preview\">\n              <el-icon><ZoomIn /></el-icon>\n            </span>\n            <span title=\"移除\" @click.stop=\"remove\">\n              <el-icon>\n                <Delete />\n              </el-icon>\n            </span>\n          </div>\n        </div>\n      </div>\n      <div\n        v-show=\"url === '' && uploadData.progress.percent\"\n        class=\"progress\"\n        :style=\"`width:${width}px;height:${height}px;`\"\n      >\n        <el-image\n          :src=\"uploadData.progress.preview\"\n          :style=\"`width:${width}px;height:${height}px;`\"\n          fit=\"fill\"\n        />\n        <el-progress\n          type=\"circle\"\n          :width=\"Math.min(width, height) * 0.8\"\n          :percentage=\"uploadData.progress.percent\"\n        />\n      </div>\n    </el-upload>\n    <div v-if=\"!notip\" class=\"el-upload__tip-text\">\n      <div style=\"display: inline-block;\">\n        {{ tipText || `上传图片支持 ${exts.join(' / ')} 格式，且图片大小不超过 ${size}MB，建议图片尺寸为 ${width}*${height}` }}\n      </div>\n    </div>\n    <el-image-viewer\n      v-if=\"uploadData.imageViewerVisible\"\n      :url-list=\"[url]\"\n      teleported\n      @close=\"previewClose\"\n    />\n  </div>\n</template>\n"],"names":["useNamespace"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,IAAA,MAAM,KAAQ,GAAA,OAAA;AA2Bd,IAAA,MAAM,KAAQ,GAAA,MAAA;AAWd,IAAM,MAAA,EAAA,GAAKA,mBAAa,cAAc,CAAA;AAEtC,IAAA,MAAM,aAAa,GAAI,CAAA;AAAA,MACrB,kBAAoB,EAAA,KAAA;AAAA,MACpB,QAAU,EAAA;AAAA,QACR,OAAS,EAAA,EAAA;AAAA,QACT,OAAS,EAAA;AAAA;AACX,KACD,CAAA;AAED,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;AAGD,IAAA,SAAS,OAAU,GAAA;AACjB,MAAA,UAAA,CAAW,MAAM,kBAAqB,GAAA,IAAA;AAAA;AAGxC,IAAA,SAAS,YAAe,GAAA;AACtB,MAAA,UAAA,CAAW,MAAM,kBAAqB,GAAA,KAAA;AAAA;AAGxC,IAAA,SAAS,MAAS,GAAA;AAChB,MAAA,KAAA,CAAM,cAAc,EAAE,CAAA;AAAA;AAExB,IAAM,MAAA,kBAAA,GAAkD,CAAC,IAAS,KAAA;AAChE,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;AAEjD,MAAA,IAAI,CAAC,QAAU,EAAA;AACb,QAAA,SAAA,CAAU,MAAM,CAAU,0CAAA,EAAA,IAAA,CAAK,MAAM,IAAK,CAAA,KAAK,CAAC,CAAK,kBAAA,CAAA,CAAA;AAAA,OACvD,MAAA,IAES,CAAC,QAAU,EAAA;AAClB,QAAA,SAAA,CAAU,KAAM,CAAA,CAAA,6DAAA,EAAc,KAAM,CAAA,IAAI,CAAK,QAAA,CAAA,CAAA;AAAA,OAE1C,MAAA;AACH,QAAA,UAAA,CAAW,KAAM,CAAA,QAAA,CAAS,OAAU,GAAA,GAAA,CAAI,gBAAgB,IAAI,CAAA;AAAA;AAG9D,MAAA,OAAO,YAAY,QAAa,KAAA,CAAC,MAAM,YAAgB,IAAA,KAAA,CAAM,aAAa,IAAI,CAAA,CAAA;AAAA,KAChF;AACA,IAAM,MAAA,UAAA,GAAwC,CAAC,IAAS,KAAA;AACtD,MAAA,UAAA,CAAW,KAAM,CAAA,QAAA,CAAS,OAAU,GAAA,CAAC,CAAC,IAAK,CAAA,OAAA;AAAA,KAC7C;AACA,IAAM,MAAA,SAAA,GAAsC,IAAI,GAAQ,KAAA;AACtD,MAAW,UAAA,CAAA,KAAA,CAAM,SAAS,OAAU,GAAA,EAAA;AACpC,MAAW,UAAA,CAAA,KAAA,CAAM,SAAS,OAAU,GAAA,CAAA;AACpC,MAAM,KAAA,CAAA,WAAA,EAAa,GAAG,GAAG,CAAA;AAAA,KAC3B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}