@web-utils/component 2.0.13 → 2.2.0

package/dist/components/capsule-tab/style.css

@@ -1,32 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.capsule-tab {
-  display: inline;
-  margin-right: 10px;
-}
-.capsule-tab .tab-item {
-  display: inline;
-  padding: 2px 14px;
-  background-color: #fafafa;
-  border: 1px solid #ebeef5;
-  border-right: none;
-  cursor: pointer;
-}
-.capsule-tab .tab-item.active {
-  color: #fff;
-  background-color: rgb(239, 102, 102);
-}
-.capsule-tab .tab-item:first-child {
-  border-radius: 12px 0 0 12px;
-}
-.capsule-tab .tab-item:last-child {
-  border-right: 1px solid #ccc;
-  border-radius: 0 12px 12px 0;
-}
-.capsule-tab .tab-item:last-child.single {
-  border-radius: 12px;
-}

package/dist/components/chunk-file-uploader/index.js

@@ -1,153 +0,0 @@
-import Uploader from "simple-uploader.js";
-import { k as kebabCase } from "../../chunks/a8891d2c.js";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "uploader"
-  }, [_vm._t("default", function() {
-    return [_c("ChunkFileUploaderUnSupport"), _c("ChunkFileUploaderDrop", [_c("p", [_vm._v("Drop files here to upload or")]), _c("ChunkFileUploaderButton", [_vm._v("select files")]), _c("ChunkFileUploaderButton", {
-      attrs: {
-        "directory": true
-      }
-    }, [_vm._v(" select folder ")])], 1), _c("ChunkFileUploaderList")];
-  }, {
-    "files": _vm.files,
-    "fileList": _vm.fileList,
-    "started": _vm.started
-  })], 2);
-};
-var staticRenderFns = [];
-const ChunkFileUploader_vue_vue_type_style_index_0_lang = "";
-const FILE_ADDED_EVENT = "fileAdded";
-const FILES_ADDED_EVENT = "filesAdded";
-const UPLOAD_START_EVENT = "uploadStart";
-const __vue2_script = {
-  name: "ChunkFileUploader",
-  provide() {
-    return {
-      uploader: this
-    };
-  },
-  props: {
-    options: {
-      type: Object,
-      default() {
-        return {};
-      }
-    },
-    autoStart: {
-      type: Boolean,
-      default: true
-    },
-    fileStatusText: {
-      type: [Object, Function],
-      default() {
-        return {
-          success: "success",
-          error: "error",
-          uploading: "uploading",
-          paused: "paused",
-          waiting: "waiting"
-        };
-      }
-    }
-  },
-  data() {
-    return {
-      started: false,
-      files: [],
-      fileList: []
-    };
-  },
-  created() {
-    this.options.initialPaused = !this.autoStart;
-    const uploader = new Uploader(this.options);
-    this.uploader = uploader;
-    this.uploader.fileStatusText = this.fileStatusText;
-    uploader.on("catchAll", this.allEvent);
-    uploader.on(FILE_ADDED_EVENT, this.fileAdded);
-    uploader.on(FILES_ADDED_EVENT, this.filesAdded);
-    uploader.on("fileRemoved", this.fileRemoved);
-    uploader.on("filesSubmitted", this.filesSubmitted);
-  },
-  destroyed() {
-    const uploader = this.uploader;
-    uploader.off("catchAll", this.allEvent);
-    uploader.off(FILE_ADDED_EVENT, this.fileAdded);
-    uploader.off(FILES_ADDED_EVENT, this.filesAdded);
-    uploader.off("fileRemoved", this.fileRemoved);
-    uploader.off("filesSubmitted", this.filesSubmitted);
-    this.uploader = null;
-  },
-  methods: {
-    uploadStart() {
-      this.started = true;
-    },
-    fileAdded(file) {
-      this.$emit(kebabCase(FILE_ADDED_EVENT), file);
-      if (file.ignored) {
-        return false;
-      }
-    },
-    filesAdded(files, fileList) {
-      this.$emit(kebabCase(FILES_ADDED_EVENT), files, fileList);
-      if (files.ignored || fileList.ignored) {
-        return false;
-      }
-    },
-    fileRemoved(file) {
-      this.$emit("file-removed", file);
-      this.files = this.uploader.files;
-      this.fileList = this.uploader.fileList;
-    },
-    filesSubmitted() {
-      this.files = this.uploader.files;
-      this.fileList = this.uploader.fileList;
-      if (this.autoStart) {
-        this.uploader.upload();
-      }
-    },
-    allEvent(...args) {
-      const name = args[0];
-      const EVENTSMAP = {
-        [FILE_ADDED_EVENT]: true,
-        [FILES_ADDED_EVENT]: true,
-        [UPLOAD_START_EVENT]: "uploadStart"
-      };
-      const handler = EVENTSMAP[name];
-      if (handler) {
-        if (handler === true) {
-          return;
-        }
-        this[handler].apply(this, args.slice(1));
-      }
-      args[0] = kebabCase(name);
-      this.$emit.apply(this, args);
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const ChunkFileUploader = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  ChunkFileUploader as default
-};

package/dist/components/chunk-file-uploader/style.css

@@ -1,4 +0,0 @@
-
-.uploader {
-  position: relative;
-}

package/dist/components/chunk-file-uploader-button/index.js

@@ -1,66 +0,0 @@
-import { u as uploaderMixin, s as supportMixin } from "../../chunks/e1939731.js";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("label", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.support,
-      expression: "support"
-    }],
-    ref: "btn",
-    staticClass: "uploader-btn"
-  }, [_vm._t("default")], 2);
-};
-var staticRenderFns = [];
-const ChunkFileUploaderButton_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "ChunkFileUploaderButton",
-  mixins: [uploaderMixin, supportMixin],
-  props: {
-    directory: {
-      type: Boolean,
-      default: false
-    },
-    single: {
-      type: Boolean,
-      default: false
-    },
-    attrs: {
-      type: Object,
-      default() {
-        return {};
-      }
-    }
-  },
-  mounted() {
-    this.$nextTick(() => {
-      this.uploader.uploader.assignBrowse(this.$refs.btn, this.directory, this.single, this.attrs);
-    });
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const ChunkFileUploaderButton = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  ChunkFileUploaderButton as default
-};

package/dist/components/chunk-file-uploader-button/style.css

@@ -1,17 +0,0 @@
-
-.uploader-btn {
-  position: relative;
-  display: inline-block;
-  padding: 4px 8px;
-  color: #666;
-  font-size: 100%;
-  line-height: 1.4;
-  background: none;
-  border: 1px solid #666;
-  border-radius: 2px;
-  outline: none;
-  cursor: pointer;
-}
-.uploader-btn:hover {
-  background-color: rgb(0 0 0 / 8%);
-}

package/dist/components/chunk-file-uploader-drop/index.js

@@ -1,79 +0,0 @@
-import { u as uploaderMixin, s as supportMixin } from "../../chunks/e1939731.js";
-import { n as normalizeComponent } from "../../chunks/3d28cc08.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    directives: [{
-      name: "show",
-      rawName: "v-show",
-      value: _vm.support,
-      expression: "support"
-    }],
-    ref: "drop",
-    staticClass: "uploader-drop",
-    class: _vm.dropClass
-  }, [_vm._t("default")], 2);
-};
-var staticRenderFns = [];
-const ChunkFileUploaderDrop_vue_vue_type_style_index_0_lang = "";
-const __vue2_script = {
-  name: "ChunkFileUploaderDrop",
-  mixins: [uploaderMixin, supportMixin],
-  data() {
-    return {
-      dropClass: ""
-    };
-  },
-  async mounted() {
-    await this.$nextTick();
-    const dropEle = this.$refs.drop;
-    const uploader = this.uploader.uploader;
-    uploader.assignDrop(dropEle);
-    uploader.on("dragenter", this.onDragEnter);
-    uploader.on("dragleave", this.onDragLeave);
-    uploader.on("drop", this.onDrop);
-  },
-  beforeDestroy() {
-    const dropEle = this.$refs.drop;
-    const uploader = this.uploader.uploader;
-    uploader.off("dragenter", this.onDragEnter);
-    uploader.off("dragleave", this.onDragLeave);
-    uploader.off("drop", this.onDrop);
-    uploader.unAssignDrop(dropEle);
-  },
-  methods: {
-    onDragEnter() {
-      this.dropClass = "uploader-dragover";
-    },
-    onDragLeave() {
-      this.dropClass = "";
-    },
-    onDrop() {
-      this.dropClass = "uploader-droped";
-    }
-  }
-};
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  render,
-  staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const ChunkFileUploaderDrop = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  ChunkFileUploaderDrop as default
-};

package/dist/components/chunk-file-uploader-drop/style.css

@@ -1,12 +0,0 @@
-
-.uploader-drop {
-  position: relative;
-  padding: 10px;
-  overflow: hidden;
-  background-color: #f5f5f5;
-  border: 1px dashed #ccc;
-}
-.uploader-dragover {
-  background-color: #f7f7f7;
-  border-color: #999;
-}