@qxs-bns/components 0.0.18 → 0.0.19

package/lib/theme-chalk/tiny-mce-editor.scss

@@ -0,0 +1,23 @@
+@use "mixins/mixins" as *;
+
+@include b(tiny-mce-editor) {
+  :deep(.tox-tinymce) {
+    border-width: 1px;
+    border-radius: 4px;
+
+    .tox-editor-header {
+      box-shadow:
+        0 2px 2px -2px rgb(34 47 62 / 10%),
+        0 4px 4px -4px rgb(34 47 62 / 7%);
+    }
+
+    :deep(.tox-sidebar-wrap) {
+      max-height: 600px;
+      overflow-y: auto;
+    }
+  }
+}
+
+.tox-tinymce-aux {
+  z-index: 2500 !important;
+}

package/lib/theme-chalk/var.css

@@ -0,0 +1,129 @@
+@charset "UTF-8";
+/* Element Chalk Variables */
+/* stylelint-disable no-duplicate-selectors */
+:root {
+  --qxs-color-white: #fff;
+  --qxs-color-black: #000;
+  --qxs-color-primary-rgb: 227;
+  --qxs-color-success-rgb: 58;
+  --qxs-color-warning-rgb: 60;
+  --qxs-color-danger-rgb: 108;
+  --qxs-color-error-rgb: 108;
+  --qxs-color-info-rgb: 153;
+  --qxs-font-size-extra-large: 20px;
+  --qxs-font-size-large: 18px;
+  --qxs-font-size-medium: 16px;
+  --qxs-font-size-base: 14px;
+  --qxs-font-size-small: 13px;
+  --qxs-font-size-extra-small: 12px;
+  --qxs-font-family: 'Helvetica Neue', Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', '微软雅黑', Arial, sans-serif;
+  --qxs-font-weight-primary: 500;
+  --qxs-font-line-height-primary: 24px;
+  --qxs-index-normal: 1;
+  --qxs-index-top: 1000;
+  --qxs-index-popper: 2000;
+  --qxs-border-radius-base: 4px;
+  --qxs-border-radius-small: 2px;
+  --qxs-border-radius-round: 20px;
+  --qxs-border-radius-circle: 100%;
+  --qxs-transition-duration: 0.3s;
+  --qxs-transition-duration-fast: 0.2s;
+  --qxs-transition-function-ease-in-out-bezier: cubic-bezier(0.645, 0.045, 0.355, 1);
+  --qxs-transition-function-fast-bezier: cubic-bezier(0.23, 1, 0.32, 1);
+  --qxs-transition-all: all var(--qxs-transition-duration) var(--qxs-transition-function-ease-in-out-bezier);
+  --qxs-transition-fade: opacity var(--qxs-transition-duration) var(--qxs-transition-function-fast-bezier);
+  --qxs-transition-md-fade: transform var(--qxs-transition-duration) var(--qxs-transition-function-fast-bezier), opacity var(--qxs-transition-duration) var(--qxs-transition-function-fast-bezier);
+  --qxs-transition-fade-linear: opacity var(--qxs-transition-duration-fast) linear;
+  --qxs-transition-border: border-color var(--qxs-transition-duration-fast) var(--qxs-transition-function-ease-in-out-bezier);
+  --qxs-transition-box-shadow: box-shadow var(--qxs-transition-duration-fast) var(--qxs-transition-function-ease-in-out-bezier);
+  --qxs-transition-color: color var(--qxs-transition-duration-fast) var(--qxs-transition-function-ease-in-out-bezier);
+  --qxs-component-size-large: 40px;
+  --qxs-component-size: 32px;
+  --qxs-component-size-small: 24px;
+}
+
+:root {
+  color-scheme: light;
+  --qxs-color-primary: #3d61e3;
+  --qxs-color-primary-light-3: rgb(119.2, 144.4, 235.4);
+  --qxs-color-primary-light-5: #9eb0f1;
+  --qxs-color-primary-light-7: rgb(196.8, 207.6, 246.6);
+  --qxs-color-primary-light-8: rgb(216.2, 223.4, 249.4);
+  --qxs-color-primary-light-9: rgb(235.6, 239.2, 252.2);
+  --qxs-color-primary-dark-2: rgb(48.8, 77.6, 181.6);
+  --qxs-color-success: #67c23a;
+  --qxs-color-success-light-3: rgb(148.6, 212.3, 117.1);
+  --qxs-color-success-light-5: rgb(179, 224.5, 156.5);
+  --qxs-color-success-light-7: rgb(209.4, 236.7, 195.9);
+  --qxs-color-success-light-8: rgb(224.6, 242.8, 215.6);
+  --qxs-color-success-light-9: rgb(239.8, 248.9, 235.3);
+  --qxs-color-success-dark-2: rgb(82.4, 155.2, 46.4);
+  --qxs-color-warning: #e6a23c;
+  --qxs-color-warning-light-3: rgb(237.5, 189.9, 118.5);
+  --qxs-color-warning-light-5: rgb(242.5, 208.5, 157.5);
+  --qxs-color-warning-light-7: rgb(247.5, 227.1, 196.5);
+  --qxs-color-warning-light-8: rgb(250, 236.4, 216);
+  --qxs-color-warning-light-9: rgb(252.5, 245.7, 235.5);
+  --qxs-color-warning-dark-2: rgb(184, 129.6, 48);
+  --qxs-color-danger: #f56c6c;
+  --qxs-color-danger-light-3: rgb(248, 152.1, 152.1);
+  --qxs-color-danger-light-5: rgb(250, 181.5, 181.5);
+  --qxs-color-danger-light-7: rgb(252, 210.9, 210.9);
+  --qxs-color-danger-light-8: rgb(253, 225.6, 225.6);
+  --qxs-color-danger-light-9: rgb(254, 240.3, 240.3);
+  --qxs-color-danger-dark-2: rgb(196, 86.4, 86.4);
+  --qxs-color-error: #f56c6c;
+  --qxs-color-error-light-3: rgb(248, 152.1, 152.1);
+  --qxs-color-error-light-5: rgb(250, 181.5, 181.5);
+  --qxs-color-error-light-7: rgb(252, 210.9, 210.9);
+  --qxs-color-error-light-8: rgb(253, 225.6, 225.6);
+  --qxs-color-error-light-9: rgb(254, 240.3, 240.3);
+  --qxs-color-error-dark-2: rgb(196, 86.4, 86.4);
+  --qxs-color-info: #909399;
+  --qxs-color-info-light-3: rgb(177.3, 179.4, 183.6);
+  --qxs-color-info-light-5: rgb(199.5, 201, 204);
+  --qxs-color-info-light-7: rgb(221.7, 222.6, 224.4);
+  --qxs-color-info-light-8: rgb(232.8, 233.4, 234.6);
+  --qxs-color-info-light-9: rgb(243.9, 244.2, 244.8);
+  --qxs-color-info-dark-2: rgb(115.2, 117.6, 122.4);
+  --qxs-bg-color: #fff;
+  --qxs-bg-color-page: #f2f3f5;
+  --qxs-bg-color-overlay: #fff;
+  --qxs-text-color-primary: #303133;
+  --qxs-text-color-regular: #606266;
+  --qxs-text-color-secondary: #909399;
+  --qxs-text-color-placeholder: #a8abb2;
+  --qxs-text-color-disabled: #c0c4cc;
+  --qxs-border-color: #dcdfe6;
+  --qxs-border-color-light: #e4e7ed;
+  --qxs-border-color-lighter: #ebeef5;
+  --qxs-border-color-extra-light: #f2f6fc;
+  --qxs-border-color-dark: #d4d7de;
+  --qxs-border-color-darker: #cdd0d6;
+  --qxs-fill-color: #f0f2f5;
+  --qxs-fill-color-light: #f5f7fa;
+  --qxs-fill-color-lighter: #fafafa;
+  --qxs-fill-color-extra-light: #fafcff;
+  --qxs-fill-color-dark: #ebedf0;
+  --qxs-fill-color-darker: #e6e8eb;
+  --qxs-fill-color-blank: #fff;
+  --qxs-box-shadow: 0 12px 32px 4px rgba(0, 0, 0, 0.04), 0 8px 20px rgba(0, 0, 0, 0.08);
+  --qxs-box-shadow-light: 0 0 12px rgba(0, 0, 0, 0.12);
+  --qxs-box-shadow-lighter: 0 0 6px rgba(0, 0, 0, 0.12);
+  --qxs-box-shadow-dark: 0 16px 48px 16px rgba(0, 0, 0, 0.08), 0 12px 32px rgba(0, 0, 0, 0.12), 0 8px 16px -8px rgba(0, 0, 0, 0.16);
+  --qxs-disabled-bg-color: var(--qxs-fill-color-light);
+  --qxs-disabled-text-color: var(--qxs-text-color-placeholder);
+  --qxs-disabled-border-color: var(--qxs-border-color-light);
+  --qxs-overlay-color: rgba(0, 0, 0, 0.8);
+  --qxs-overlay-color-light: rgba(0, 0, 0, 0.7);
+  --qxs-overlay-color-lighter: rgba(0, 0, 0, 0.5);
+  --qxs-mask-color: rgba(255, 255, 255, 0.9);
+  --qxs-mask-color-extra-light: rgba(255, 255, 255, 0.3);
+  --qxs-border-width: 1px;
+  --qxs-border-style: solid;
+  --qxs-border-color-hover: var(--qxs-text-color-disabled);
+  --qxs-border: var(--qxs-border-width) var(--qxs-border-style) var(--qxs-border-color);
+  --qxs-svg-monochrome-grey: var(--qxs-border-color);
+}
+
+/* stylelint-enable no-duplicate-selectors */

package/lib/theme-chalk/var.scss

@@ -0,0 +1,87 @@
+// CSS3 var
+@use "common/var" as *;
+@use "mixins/var" as *;
+@use "mixins/mixins" as *;
+
+// for better performance do not dynamically change the root variable if you really
+// do not need that, since this could introduce recalculation overhead for rendering.
+// https://lisilinhart.info/posts/css-variables-performance/
+
+// common
+/* stylelint-disable no-duplicate-selectors */
+:root {
+  @include set-css-var-value("color-white", $color-white);
+  @include set-css-var-value("color-black", $color-black);
+
+  // get rgb
+  @each $type in (primary, success, warning, danger, error, info) {
+    @include set-css-color-rgb($type);
+  }
+
+  // Typography
+  @include set-component-css-var("font-size", $font-size);
+  @include set-component-css-var("font-family", $font-family);
+  @include set-css-var-value("font-weight-primary", 500);
+  @include set-css-var-value("font-line-height-primary", 24px);
+
+  // z-index --qxs-index-#{$type}
+  @include set-component-css-var("index", $z-index);
+
+  // --qxs-border-radius-#{$type}
+  @include set-component-css-var("border-radius", $border-radius);
+
+  // Transition
+  // refer to this website to get the bezier motion function detail
+  // https://cubic-bezier.com/#p1,p2,p3,p4 (change px as your function parameter)
+  @include set-component-css-var("transition-duration", $transition-duration);
+  @include set-component-css-var("transition-function", $transition-function);
+  @include set-component-css-var("transition", $transition);
+
+  // common component size
+  @include set-component-css-var("component-size", $common-component-size);
+}
+
+// for light
+:root {
+  color-scheme: light;
+
+  // --qxs-color-#{$type}
+  // --qxs-color-#{$type}-light-{$i}
+  @each $type in (primary, success, warning, danger, error, info) {
+    @include set-css-color-type($colors, $type);
+  }
+
+  // color-scheme
+  // Background --qxs-bg-color-#{$type}
+  @include set-component-css-var("bg-color", $bg-color);
+  // --qxs-text-color-#{$type}
+  @include set-component-css-var("text-color", $text-color);
+  // --qxs-border-color-#{$type}
+  @include set-component-css-var("border-color", $border-color);
+  // Fill --qxs-fill-color-#{$type}
+  @include set-component-css-var("fill-color", $fill-color);
+
+  // Box-shadow
+  // --qxs-box-shadow-#{$type}
+  @include set-component-css-var("box-shadow", $box-shadow);
+  // Disable base
+  @include set-component-css-var("disabled", $disabled);
+
+  // overlay & mask
+  @include set-component-css-var("overlay-color", $overlay-color);
+  @include set-component-css-var("mask-color", $mask-color);
+
+  // Border
+  @include set-css-var-value("border-width", $border-width);
+  @include set-css-var-value("border-style", $border-style);
+  @include set-css-var-value("border-color-hover", $border-color-hover);
+  @include set-css-var-value(
+    "border",
+    getCssVar("border-width") getCssVar("border-style")
+    getCssVar("border-color")
+  );
+
+  // Svg
+  @include css-var-from-global("svg-monochrome-grey", "border-color");
+}
+/* stylelint-enable no-duplicate-selectors */

package/package.json

@@ -1,8 +1,30 @@
 {
   "name": "@qxs-bns/components",
-  "type": "module",
-  "version": "0.0.18",
-  "description": "Vue 3 Component Library",
+  "version": "0.0.19",
+  "main": "lib/index.js",
+  "module": "es/index.mjs",
+  "types": "es/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./es/index.d.ts",
+      "import": "./es/index.mjs",
+      "require": "./lib/index.js"
+    },
+    "./es": {
+      "types": "./es/index.d.ts",
+      "import": "./es/index.mjs"
+    },
+    "./lib": {
+      "types": "./lib/index.d.ts",
+      "import": "./lib/index.js"
+    },
+    "./*": "./*"
+  },
+  "files": [
+    "es",
+    "lib",
+    "theme-chalk"
+  ],
   "license": "MIT",
   "homepage": "https://trry-hub.github.io/qxs-bns/",
   "repository": {
@@ -18,36 +40,21 @@
     "ui",
     "vue3"
   ],
-  "main": "./es/index.js",
-  "module": "./es/index.js",
-  "files": [
-    "es",
-    "lib",
-    "theme-chalk",
-    "types"
-  ],
+  "type": "module",
+  "description": "Vue 3 Component Library",
   "peerDependencies": {
     "@element-plus/icons-vue": "^2.3.1",
     "element-plus": "^2.9.4",
     "vue": "^3.5.12"
   },
   "dependencies": {
-    "@qxs-bns/directives": "0.0.11",
-    "@qxs-bns/hooks": "0.0.1",
-    "@qxs-bns/utils": "0.0.17",
+    "@qxs-bns/directives": "latest",
+    "@qxs-bns/hooks": "latest",
+    "@qxs-bns/utils": "latest",
     "lodash-es": "^4.17.21"
   },
-  "types": "./types/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./es/index.js",
-      "require": "./lib/index.js",
-      "types": "./types/index.d.ts"
-    },
-    "./theme-chalk": {
-      "import": "./theme-chalk/index.js",
-      "require": "./theme-chalk/index.js"
-    },
-    "./*": "./*"
+  "devDependencies": {
+    "@types/lodash-es": "^4.17.12",
+    "@vitejs/plugin-vue": "^5.2.1"
   }
 }

package/es/index.js

@@ -1,16 +0,0 @@
-import installer from './src/defaults.js';
-export { QxsFileUpload } from './src/file-upload/index.js';
-export { QxsFixedActionBar } from './src/fixed-action-bar/index.js';
-export { QxsImageUpload } from './src/image-upload/index.js';
-export { QxsPhotoCropTool } from './src/photo-crop-tool/index.js';
-export { QxsSubjectAction } from './src/subject-action/index.js';
-export { QxsSubjectLayout } from './src/subject-layout/index.js';
-export { QxsSubjectList } from './src/subject-list/index.js';
-export { QxsSubjectType } from './src/subject-type/index.js';
-export { QxsTinyMceEditor } from './src/tiny-mce-editor/index.js';
-
-const install = installer.install;
-const version = installer.version;
-
-export { installer as default, install, version };
-//# sourceMappingURL=index.js.map

package/es/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../packages/components/index.ts"],"sourcesContent":["import installer from './src/defaults'\n\nexport * from './src/components'\n\nexport const install = installer.install\nexport const version = installer.version\nexport default installer\n"],"names":["install","installer","version"],"mappings":";;;;;;;;;;;AAIaA,MAAAA,UAAUC,SAAU,CAAAD;AACpBE,MAAAA,UAAUD,SAAU,CAAAC;;;;"}

package/es/package.json.js

@@ -1,4 +0,0 @@
-var version = "0.0.18";
-
-export { version };
-//# sourceMappingURL=package.json.js.map

package/es/package.json.js.map

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

package/es/src/components.js

@@ -1,10 +0,0 @@
-export { QxsFileUpload } from './file-upload/index.js';
-export { QxsFixedActionBar } from './fixed-action-bar/index.js';
-export { QxsImageUpload } from './image-upload/index.js';
-export { QxsPhotoCropTool } from './photo-crop-tool/index.js';
-export { QxsSubjectAction } from './subject-action/index.js';
-export { QxsSubjectLayout } from './subject-layout/index.js';
-export { QxsSubjectList } from './subject-list/index.js';
-export { QxsSubjectType } from './subject-type/index.js';
-export { QxsTinyMceEditor } from './tiny-mce-editor/index.js';
-//# sourceMappingURL=components.js.map

package/es/src/components.js.map

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

package/es/src/defaults.js

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

package/es/src/defaults.js.map

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

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

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

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

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

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

@@ -1,113 +0,0 @@
-import { defineComponent, resolveComponent, createBlock, openBlock, normalizeClass, unref, withCtx, createElementVNode, createVNode, createTextVNode, createElementBlock, createCommentVNode } from 'vue';
-import { UploadFilled } from '@element-plus/icons-vue';
-import { useNamespace } from '@qxs-bns/hooks';
-
-const _hoisted_1 = { class: "slot" };
-const _hoisted_2 = {
-  key: 0,
-  class: "el-upload__tip"
-};
-const _hoisted_3 = { style: { "display": "inline-block" } };
-var _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "QxsFileUpload"
-  },
-  __name: "file-upload",
-  props: {
-    action: { type: String, required: true },
-    headers: { type: null, required: false },
-    data: { type: null, required: false },
-    name: { type: String, required: false, default: "file" },
-    size: { type: Number, required: false, default: 20 },
-    max: { type: Number, required: false, default: 3 },
-    accept: { type: String, required: false, default: "zip,rar" },
-    files: { type: Array, required: false, default: () => [] },
-    notip: { type: Boolean, required: false, default: false },
-    ext: { type: Array, required: false }
-  },
-  emits: ["onSuccess"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const ns = useNamespace("file-upload");
-    const exts = computed(() => {
-      return props.accept.split(",").map((ext) => ext.split("/").pop());
-    });
-    const beforeUpload = (file) => {
-      const fileName = file.name.split(".");
-      const fileExt = fileName.at(-1) ?? "";
-      const isTypeOk = exts.value.includes(fileExt);
-      const isSizeOk = file.size / 1024 / 1024 < props.size;
-      if (!isTypeOk) {
-        ElMessage.error(`\u4E0A\u4F20\u6587\u4EF6\u53EA\u652F\u6301 ${exts.value.join(" / ")} \u683C\u5F0F\uFF01`);
-      }
-      if (!isSizeOk) {
-        ElMessage.error(`\u4E0A\u4F20\u6587\u4EF6\u5927\u5C0F\u4E0D\u80FD\u8D85\u8FC7 ${props.size}MB\uFF01`);
-      }
-      return isTypeOk && isSizeOk;
-    };
-    const onExceed = () => {
-      ElMessage.warning("\u6587\u4EF6\u4E0A\u4F20\u8D85\u8FC7\u9650\u5236");
-    };
-    const onSuccess = (res, file, fileList) => {
-      emit("onSuccess", res, file, fileList);
-    };
-    return (_ctx, _cache) => {
-      const _component_el_icon = resolveComponent("el-icon");
-      const _component_el_alert = resolveComponent("el-alert");
-      const _component_el_upload = resolveComponent("el-upload");
-      return openBlock(), createBlock(_component_el_upload, {
-        headers: _ctx.headers,
-        action: _ctx.action,
-        data: _ctx.data,
-        name: _ctx.name,
-        "before-upload": beforeUpload,
-        "on-exceed": onExceed,
-        "on-success": onSuccess,
-        "file-list": _ctx.files,
-        limit: _ctx.max,
-        drag: "",
-        class: normalizeClass(unref(ns).e("control"))
-      }, {
-        tip: withCtx(() => [
-          !_ctx.notip ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            createElementVNode("div", _hoisted_3, [
-              createVNode(_component_el_alert, {
-                title: `\u4E0A\u4F20\u6587\u4EF6\u652F\u6301 ${unref(exts).join(" / ")} \u683C\u5F0F\uFF0C\u5355\u4E2A\u6587\u4EF6\u5927\u5C0F\u4E0D\u8D85\u8FC7 ${_ctx.size}MB\uFF0C\u4E14\u6587\u4EF6\u6570\u91CF\u4E0D\u8D85\u8FC7 ${_ctx.max} \u4E2A`,
-                type: "info",
-                "show-icon": "",
-                closable: false
-              }, null, 8, ["title"])
-            ])
-          ])) : createCommentVNode("v-if", true)
-        ]),
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
-            createVNode(_component_el_icon, { class: "el-icon--upload" }, {
-              default: withCtx(() => [
-                createVNode(unref(UploadFilled))
-              ]),
-              _: 1
-              /* STABLE */
-            }),
-            _cache[0] || (_cache[0] = createElementVNode(
-              "div",
-              { class: "el-upload__text" },
-              [
-                createTextVNode(" \u5C06\u6587\u4EF6\u62D6\u5230\u6B64\u5904\uFF0C\u6216"),
-                createElementVNode("em", null, "\u70B9\u51FB\u4E0A\u4F20")
-              ],
-              -1
-              /* HOISTED */
-            ))
-          ])
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["headers", "action", "data", "name", "file-list", "limit", "class"]);
-    };
-  }
-});
-
-export { _sfc_main as default };
-//# sourceMappingURL=file-upload.vue.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"file-upload.vue.js","sources":["../../../../../../packages/components/src/file-upload/src/file-upload.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { UploadProps, UploadUserFile } from 'element-plus'\nimport { UploadFilled } from '@element-plus/icons-vue'\nimport { useNamespace } from '@qxs-bns/hooks'\n\ndefineOptions({\n  name: 'QxsFileUpload',\n})\n\nconst props = withDefaults(\n  defineProps<{\n    action: UploadProps['action']\n    headers?: UploadProps['headers']\n    data?: UploadProps['data']\n    name?: UploadProps['name']\n    size?: number\n    max?: number\n    accept?: string\n    files?: UploadUserFile[]\n    notip?: boolean\n    ext?: string[]\n  }>(),\n  {\n    name: 'file',\n    size: 20,\n    max: 3,\n    files: () => [],\n    notip: false,\n    accept: 'zip,rar',\n  },\n)\n\nconst emit = defineEmits(['onSuccess'])\n\nconst ns = useNamespace('file-upload')\n\nconst exts = computed(() => {\n  return props.accept.split(',').map(ext => ext.split('/').pop())\n})\nconst beforeUpload: UploadProps['beforeUpload'] = (file) => {\n  const fileName = file.name.split('.')\n  const fileExt = fileName.at(-1) ?? ''\n  const isTypeOk = exts.value.includes(fileExt)\n  const isSizeOk = file.size / 1024 / 1024 < props.size\n  if (!isTypeOk) {\n    ElMessage.error(`上传文件只支持 ${exts.value.join(' / ')} 格式！`)\n  }\n  if (!isSizeOk) {\n    ElMessage.error(`上传文件大小不能超过 ${props.size}MB！`)\n  }\n  return isTypeOk && isSizeOk\n}\n\nconst onExceed: UploadProps['onExceed'] = () => {\n  ElMessage.warning('文件上传超过限制')\n}\n\nconst onSuccess: UploadProps['onSuccess'] = (res, file, fileList) => {\n  emit('onSuccess', res, file, fileList)\n}\n</script>\n\n<template>\n  <el-upload\n    :headers=\"headers\"\n    :action=\"action\"\n    :data=\"data\"\n    :name=\"name\"\n    :before-upload=\"beforeUpload\"\n    :on-exceed=\"onExceed\"\n    :on-success=\"onSuccess\"\n    :file-list=\"files\"\n    :limit=\"max\"\n    drag\n    :class=\"ns.e('control')\"\n  >\n    <div class=\"slot\">\n      <el-icon class=\"el-icon--upload\">\n        <UploadFilled />\n      </el-icon>\n      <div class=\"el-upload__text\">\n        将文件拖到此处，或<em>点击上传</em>\n      </div>\n    </div>\n    <template #tip>\n      <div v-if=\"!notip\" class=\"el-upload__tip\">\n        <div style=\"display: inline-block;\">\n          <el-alert\n            :title=\"`上传文件支持 ${exts.join(' / ')} 格式，单个文件大小不超过 ${size}MB，且文件数量不超过 ${max} 个`\"\n            type=\"info\"\n            show-icon\n            :closable=\"false\"\n          />\n        </div>\n      </div>\n    </template>\n  </el-upload>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAuBd,IAAA,MAAM,IAAO,GAAA,MAAA;AAEb,IAAM,MAAA,EAAA,GAAK,aAAa,aAAa,CAAA;AAErC,IAAM,MAAA,IAAA,GAAO,SAAS,MAAM;AAC1B,MAAA,OAAO,KAAM,CAAA,MAAA,CAAO,KAAM,CAAA,GAAG,CAAE,CAAA,GAAA,CAAI,CAAO,GAAA,KAAA,GAAA,CAAI,KAAM,CAAA,GAAG,CAAE,CAAA,GAAA,EAAK,CAAA;AAAA,KAC/D,CAAA;AACD,IAAM,MAAA,YAAA,GAA4C,CAAC,IAAS,KAAA;AAC1D,MAAA,MAAM,QAAW,GAAA,IAAA,CAAK,IAAK,CAAA,KAAA,CAAM,GAAG,CAAA;AACpC,MAAA,MAAM,OAAU,GAAA,QAAA,CAAS,EAAG,CAAA,EAAE,CAAK,IAAA,EAAA;AACnC,MAAA,MAAM,QAAW,GAAA,IAAA,CAAK,KAAM,CAAA,QAAA,CAAS,OAAO,CAAA;AAC5C,MAAA,MAAM,QAAW,GAAA,IAAA,CAAK,IAAO,GAAA,IAAA,GAAO,OAAO,KAAM,CAAA,IAAA;AACjD,MAAA,IAAI,CAAC,QAAU,EAAA;AACb,QAAA,SAAA,CAAU,MAAM,CAAW,2CAAA,EAAA,IAAA,CAAK,MAAM,IAAK,CAAA,KAAK,CAAC,CAAM,mBAAA,CAAA,CAAA;AAAA;AAEzD,MAAA,IAAI,CAAC,QAAU,EAAA;AACb,QAAA,SAAA,CAAU,KAAM,CAAA,CAAA,6DAAA,EAAc,KAAM,CAAA,IAAI,CAAK,QAAA,CAAA,CAAA;AAAA;AAE/C,MAAA,OAAO,QAAY,IAAA,QAAA;AAAA,KACrB;AAEA,IAAA,MAAM,WAAoC,MAAM;AAC9C,MAAA,SAAA,CAAU,QAAQ,kDAAU,CAAA;AAAA,KAC9B;AAEA,IAAA,MAAM,SAAsC,GAAA,CAAC,GAAK,EAAA,IAAA,EAAM,QAAa,KAAA;AACnE,MAAK,IAAA,CAAA,WAAA,EAAa,GAAK,EAAA,IAAA,EAAM,QAAQ,CAAA;AAAA,KACvC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

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

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

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

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

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

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"fixed-action-bar.vue.js","sources":["../../../../../../packages/components/src/fixed-action-bar/src/fixed-action-bar.vue"],"sourcesContent":["<script lang=\"ts\">\nexport default {\n  name: 'QxsFixedActionBar',\n}\n</script>\n<script setup lang=\"ts\">\nimport { useNamespace } from \"@qxs-bns/hooks\";\nimport { getDeviceType } from \"@qxs-bns/utils\";\nimport {\n  useElementBounding,\n  useElementSize,\n  useParentElement,\n} from \"@vueuse/core\";\nimport { computed, onMounted, onUnmounted, ref, useAttrs } from \"vue\";\n\nconst props = defineProps({\n  padding: {\n    type: Number,\n    default: 8,\n  },\n});\n\nconst ns = useNamespace(\"fixed-action-bar\");\nconst attr = useAttrs();\nconst isBottom = ref(false);\nconst actionbar = ref<HTMLElement | null>(null);\nconst placeholderRef = ref<HTMLElement | null>(null);\n\nconst { height } = useElementSize(actionbar, undefined, { box: \"border-box\" });\nconst parentEl = useParentElement(placeholderRef);\nconst { left: placeholderLeft } = useElementBounding(parentEl);\nconst { width: placeholderParentWidth } = useElementSize(parentEl, undefined, {\n  box: \"border-box\",\n});\nfunction calculateScrollDetails() {\n  const scrollTop = window.scrollY || document.documentElement.scrollTop;\n  const windowHeight =\n    window.innerHeight || document.documentElement.clientHeight;\n  const scrollHeight = document.documentElement.scrollHeight;\n\n  isBottom.value = Math.ceil(scrollTop + windowHeight) >= scrollHeight;\n}\n\nonMounted(() => {\n  calculateScrollDetails();\n  window.addEventListener(\"scroll\", calculateScrollDetails);\n});\n\nonUnmounted(() => {\n  window.removeEventListener(\"scroll\", calculateScrollDetails);\n});\n\n// 计算属性用于动态计算actionbar的样式\nconst actionbarStyle = computed(() => ({\n  width: `${placeholderParentWidth || 0}px`,\n  left: `${placeholderLeft}px`,\n  class: `${!isBottom.value ? ns.is(\"shadow\") : \"\"} ${attr.class || \"\"}`,\n  ...ns.cssVarBlock({\n    \"actionbar-padding\": `${props.padding}px`,\n    \"actionbar-padding-bottom\": `${\n      getDeviceType() === \"Android\"\n        ? `${Math.max(props.padding, 20)}px`\n        : `${props.padding}px`\n    }`,\n  }),\n}));\n</script>\n\n<template>\n  <div ref=\"placeholderRef\" :style=\"`width: 100%; height: ${height}px`\">\n    <div\n      ref=\"actionbar\"\n      :style=\"actionbarStyle\"\n      :class=\"[actionbarStyle.class, ns.e('actionbar')]\"\n      data-fixed-calc-width\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n"],"names":[],"mappings":";;;;;AACA,MAAe,WAAA,GAAA;AAAA,EACb,IAAM,EAAA;AACR,CAAA;;;;;;;;;;AAYA,IAAA,MAAM,KAAQ,GAAA,OAAA;AAOd,IAAM,MAAA,EAAA,GAAK,aAAa,kBAAkB,CAAA;AAC1C,IAAA,MAAM,OAAO,QAAS,EAAA;AACtB,IAAM,MAAA,QAAA,GAAW,IAAI,KAAK,CAAA;AAC1B,IAAM,MAAA,SAAA,GAAY,IAAwB,IAAI,CAAA;AAC9C,IAAM,MAAA,cAAA,GAAiB,IAAwB,IAAI,CAAA;AAEnD,IAAM,MAAA,EAAE,QAAW,GAAA,cAAA,CAAe,WAAW,MAAW,EAAA,EAAE,GAAK,EAAA,YAAA,EAAc,CAAA;AAC7E,IAAM,MAAA,QAAA,GAAW,iBAAiB,cAAc,CAAA;AAChD,IAAA,MAAM,EAAE,IAAA,EAAM,eAAgB,EAAA,GAAI,mBAAmB,QAAQ,CAAA;AAC7D,IAAA,MAAM,EAAE,KAAO,EAAA,sBAAA,EAA2B,GAAA,cAAA,CAAe,UAAU,MAAW,EAAA;AAAA,MAC5E,GAAK,EAAA;AAAA,KACN,CAAA;AACD,IAAA,SAAS,sBAAyB,GAAA;AAChC,MAAA,MAAM,SAAY,GAAA,MAAA,CAAO,OAAW,IAAA,QAAA,CAAS,eAAgB,CAAA,SAAA;AAC7D,MAAA,MAAM,YACJ,GAAA,MAAA,CAAO,WAAe,IAAA,QAAA,CAAS,eAAgB,CAAA,YAAA;AACjD,MAAM,MAAA,YAAA,GAAe,SAAS,eAAgB,CAAA,YAAA;AAE9C,MAAA,QAAA,CAAS,KAAQ,GAAA,IAAA,CAAK,IAAK,CAAA,SAAA,GAAY,YAAY,CAAK,IAAA,YAAA;AAAA;AAG1D,IAAA,SAAA,CAAU,MAAM;AACd,MAAuB,sBAAA,EAAA;AACvB,MAAO,MAAA,CAAA,gBAAA,CAAiB,UAAU,sBAAsB,CAAA;AAAA,KACzD,CAAA;AAED,IAAA,WAAA,CAAY,MAAM;AAChB,MAAO,MAAA,CAAA,mBAAA,CAAoB,UAAU,sBAAsB,CAAA;AAAA,KAC5D,CAAA;AAGD,IAAM,MAAA,cAAA,GAAiB,SAAS,OAAO;AAAA,MACrC,KAAA,EAAO,CAAG,EAAA,sBAAA,IAA0B,CAAC,CAAA,EAAA,CAAA;AAAA,MACrC,IAAA,EAAM,GAAG,eAAe,CAAA,EAAA,CAAA;AAAA,MACxB,KAAO,EAAA,CAAA,EAAG,CAAC,QAAA,CAAS,KAAQ,GAAA,EAAA,CAAG,EAAG,CAAA,QAAQ,CAAI,GAAA,EAAE,CAAI,CAAA,EAAA,IAAA,CAAK,SAAS,EAAE,CAAA,CAAA;AAAA,MACpE,GAAG,GAAG,WAAY,CAAA;AAAA,QAChB,mBAAA,EAAqB,CAAG,EAAA,KAAA,CAAM,OAAO,CAAA,EAAA,CAAA;AAAA,QACrC,4BAA4B,CAC1B,EAAA,aAAA,EAAoB,KAAA,SAAA,GAChB,GAAG,IAAK,CAAA,GAAA,CAAI,KAAM,CAAA,OAAA,EAAS,EAAE,CAAC,CAAA,EAAA,CAAA,GAC9B,CAAG,EAAA,KAAA,CAAM,OAAO,CACtB,EAAA,CAAA,CAAA;AAAA,OACD;AAAA,KACD,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

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

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

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

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

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