@web-utils/component 2.7.35 → 2.7.37

package/dist/components/pageable-view/index.js

@@ -1,462 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-import { cloneDeep, merge } from "@web-utils/integrations/lodash";
-import { copy, hasOwn } from "@web-utils/core";
-import { f as filterTableColumnProperties, h as filterTableProperties, i as filterTableEvents } from "../../chunks/utils.2a3ffac9.js";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    staticClass: "work",
-    staticStyle: {
-      "height": "100%",
-      "background-color": "#fff"
-    }
-  }, [_c("div", {
-    staticClass: "flex-column list-content",
-    staticStyle: {
-      "height": "100%"
-    }
-  }, [_c("div", {
-    directives: [{
-      name: "loading",
-      rawName: "v-loading",
-      value: _vm.loading,
-      expression: "loading"
-    }],
-    staticClass: "flex-item-relative",
-    attrs: {
-      "element-loading-text": "加载中...",
-      "element-loading-background": "#fff"
-    }
-  }, [_c("div", {
-    ref: "scroller",
-    staticClass: "scroll-wrapper"
-  }, [_c("div", {
-    staticClass: "cards-block"
-  }, [_vm._t("prepend"), _vm._l(_vm.records, function(item) {
-    return [_vm._t("default", null, {
-      "item": item
-    })];
-  }), _vm._t("append")], 2)])]), _c("ElPagination", {
-    staticClass: "flex-not-shrink",
-    staticStyle: {
-      "border-top": "1px solid #ebeef5"
-    },
-    attrs: {
-      "current-page": _vm.page.page,
-      "hide-on-single-page": _vm.hideOnSinglePage,
-      "page-size": _vm.page.limit,
-      "total": _vm.page.total,
-      "background": "",
-      "layout": "total, prev, pager, next, jumper"
-    },
-    on: {
-      "current-change": function(curPage) {
-        _vm.page.page = curPage;
-      }
-    }
-  })], 1)]);
-};
-var staticRenderFns = [];
-const PageableView_vue_vue_type_style_index_0_lang = "";
-function getTemplate(row) {
-  let tpl = "";
-  for (const key in row) {
-    tpl += `<ElTableColumn prop="${key}" label="${key}"/>
-`;
-  }
-  return tpl;
-}
-const TABLE_STATUS = {
-  loading: 1,
-  error: -1,
-  empty: 2,
-  success: 0
-};
-const __vue2_script = {
-  name: "PageableView",
-  bus: {
-    reloadTableView(viewId) {
-      if (viewId === this.viewId) {
-        this.getPage();
-      }
-    }
-  },
-  inheritAttrs: false,
-  props: {
-    viewId: {
-      type: String
-    },
-    url: {
-      type: String
-    },
-    httpGet: Boolean,
-    hideOnSinglePage: Boolean,
-    api: {
-      type: Function
-    },
-    filters: {
-      type: Object
-    },
-    filter: {
-      type: Object
-    },
-    rules: {
-      type: Array,
-      default: () => []
-    },
-    model: {
-      type: Object
-    },
-    ascs: {
-      type: String,
-      default: ""
-    },
-    descs: {
-      type: String,
-      default: ""
-    },
-    autoHeight: Boolean,
-    immediate: {
-      type: Boolean,
-      default: true
-    },
-    reloadOnModelChange: {
-      type: Boolean,
-      default: false
-    },
-    columns: {
-      type: Array
-    },
-    pageSize: {
-      type: Number,
-      default: 25
-    }
-  },
-  data() {
-    let filters = { rules: [] };
-    if (this.rules && this.rules.length > 0) {
-      filters.rules = this.rules;
-    }
-    if (this.filters) {
-      filters = this.filters;
-    }
-    if (this.filter) {
-      filters = Object.assign({}, filters, this.filter);
-    }
-    let model = {};
-    if (this.model) {
-      model = cloneDeep(this.model);
-    }
-    const limit = this.pageSize;
-    return {
-      // TABLE_STATUS: Object.freeze(TABLE_STATUS),
-      tableStatus: TABLE_STATUS.empty,
-      records: [],
-      loading: false,
-      currentRow: null,
-      page: {
-        total: 0,
-        page: 1,
-        limit,
-        ascs: this.ascs,
-        descs: this.descs,
-        model,
-        filters
-      }
-    };
-  },
-  computed: {
-    guard() {
-      if (this.reloadOnModelChange) {
-        return {
-          asc: this.page.ascs,
-          desc: this.page.descs,
-          page: this.page.page,
-          model: this.page.model,
-          filters: this.page.filters
-        };
-      } else {
-        return {
-          asc: this.page.ascs,
-          desc: this.page.descs,
-          page: this.page.page,
-          filters: this.page.filters
-        };
-      }
-    },
-    method() {
-      return this.httpGet ? this.httpGet : this.httpPost;
-    },
-    indexWidth() {
-      const indexStr = `${(this.page.page - 1) * this.page.limit + this.records.length}`;
-      if (indexStr.length > 3) {
-        return 50 + (indexStr.length - 3) * 10;
-      } else {
-        return 50;
-      }
-    },
-    mergeAttrs() {
-      return merge({}, this.$attrs, { height: this.autoHeight ? null : "auto" });
-    },
-    headers() {
-      var _a;
-      return ((_a = this.columns) == null ? void 0 : _a.map(filterTableColumnProperties)) || [];
-    }
-  },
-  watch: {
-    url: { handler: "reload" },
-    api: { handler: "reload" },
-    "$attrs.data"() {
-      this.getPage();
-    },
-    model: {
-      deep: true,
-      handler(newVal) {
-        this.setModel(newVal);
-      }
-    }
-  },
-  created() {
-    this.$watch(() => this.guard, this.getPage, {
-      deep: true,
-      immediate: this.immediate
-    });
-  },
-  mounted() {
-    this.$refs.scroller.addEventListener("scroll", this.onTableScroll);
-  },
-  beforeDestroy() {
-    var _a;
-    (_a = this.$refs.scroller) == null ? void 0 : _a.removeEventListener("scroll", this.onTableScroll);
-  },
-  methods: {
-    updateTableScrollPosition() {
-      return __async(this, null, function* () {
-        if (this.$refs.scroller) {
-          this.scrollTo(this.tableScrollTop, this.tableScrollLeft);
-        }
-      });
-    },
-    filterTableProperties,
-    filterTableEvents,
-    filterTableColumnProperties,
-    onTableScroll() {
-      this.tableScrollTop = this.$refs.scroller.scrollTop;
-      this.tableScrollLeft = this.$refs.scroller.scrollLeft;
-    },
-    copy: (row) => copy(getTemplate(row)),
-    onSortChange({
-      prop,
-      order
-    }) {
-      this.page.ascs = order === "ascending" ? prop : "";
-      this.page.descs = order === "descending" ? prop : "";
-    },
-    onCurrentChange(currentRow) {
-      this.currentRow = currentRow;
-    },
-    /**
-     *
-     * @param {FilterRule} rule
-     */
-    addRule(rule) {
-      this.removeRule(rule.field);
-      this.page.filters.rules.push(rule);
-    },
-    addRules(rules) {
-      rules.forEach((value) => this.addRule(value));
-    },
-    setModelField(field, value) {
-      this.$set(this.page.model, field, value);
-    },
-    setModel(model) {
-      this.page.page = 1;
-      this.page.model = cloneDeep(model);
-    },
-    deleteModelField(field) {
-      delete this.page.model[field];
-    },
-    removeRule(field) {
-      const rules = this.page.filters.rules;
-      const index = rules.findIndex((value) => value.field === field);
-      if (index > -1) {
-        rules.splice(index, 1);
-      }
-    },
-    addFilter({
-      field,
-      op,
-      value
-    }) {
-      this.page.filters = Object.assign({}, this.page.filters, {
-        rules: [{
-          field,
-          op,
-          value
-        }],
-        op: "and"
-      });
-    },
-    clearFilters() {
-      this.page.filters = {};
-    },
-    clearSelection() {
-      this.$refs.table.clearSelection();
-    },
-    search() {
-      this.setModel(this.model);
-      this.getPage();
-    },
-    getPage() {
-      return __async(this, null, function* () {
-        var _b;
-        if (hasOwn(this.$attrs, "data")) {
-          this.records = this.$attrs.data;
-          this.page.page = 1;
-          this.page.total = this.records.length;
-          this.page.limit = this.page.total;
-          return;
-        }
-        this.records = [];
-        let res;
-        const _a = this.page, { filters } = _a, rest = __objRest(_a, ["filters"]);
-        const page = __spreadValues({}, rest);
-        if ((_b = filters == null ? void 0 : filters.rules) == null ? void 0 : _b.length) {
-          page.filters = { rules: filters.rules };
-        }
-        if (this.api || this.url) {
-          this.tableStatus = TABLE_STATUS.loading;
-          try {
-            this.loading = true;
-            if (this.api) {
-              res = yield this.api(page);
-            }
-            if (this.url) {
-              res = yield this.method(this.url, page);
-            }
-            this.loading = false;
-          } catch (e) {
-            this.tableStatus = TABLE_STATUS.error;
-            console.error(e);
-            this.loading = false;
-            return;
-          }
-        } else {
-          this.$notify.warning({
-            title: "开发提示！",
-            message: "PageableTable 请提供 url(String) 或 api(Function) 属性"
-          });
-          return;
-        }
-        const { data } = res || {};
-        const { total, records } = data || {};
-        this.page.total = Number(total);
-        this.records = records;
-        if (!records || !records.length) {
-          this.tableStatus = TABLE_STATUS.empty;
-        } else {
-          this.tableStatus = TABLE_STATUS.success;
-        }
-        if (this.$refs.table) {
-          this.$refs.scroller.scrollTop = 0;
-        }
-        this.$emit("page-loaded", data);
-      });
-    },
-    refresh() {
-      return __async(this, null, function* () {
-        yield this.getPage();
-      });
-    },
-    reload() {
-      return __async(this, null, function* () {
-        this.page = __spreadProps(__spreadValues({}, this.$options.data.call(this).page), {
-          total: this.page.total
-        });
-      });
-    },
-    scrollTo(top, left) {
-      if (top) {
-        this.$refs.scroller.scrollTop = top;
-      }
-      if (left) {
-        this.$refs.scroller.scrollLeft = left;
-      }
-    }
-  }
-};
-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 PageableView = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  PageableView as default
-};

package/dist/components/photo-swipe/index.js

@@ -1,175 +0,0 @@
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-import PhotoSwipe$1 from "photoswipe";
-import "photoswipe/dist/photoswipe.css";
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-function initPhotoSwipe(options) {
-  const lightbox = new PhotoSwipe$1(options);
-  lightbox.init();
-}
-function photoswipe(_0, _1) {
-  return __async(this, arguments, function* (event, thumbnailsWrapperDom, options = { selector: "chat-image" }) {
-    const target = event.target;
-    if (!(!target || target.classList.contains(options.selector) || target.tagName === "IMG")) {
-      return;
-    }
-    const galleryItems = thumbnailsWrapperDom.querySelectorAll(options.selector === "img" ? options.selector : `.${options.selector}`);
-    const position = [...galleryItems].findIndex((value) => value === target);
-    if (position >= 0) {
-      options.index = position;
-    }
-    const dataSource = yield getDataSource(galleryItems);
-    yield initPhotoSwipe({ dataSource, index: position });
-  });
-}
-function getDataSource(images) {
-  return __async(this, null, function* () {
-    const dataSource = [];
-    for (let i = 0, length = images.length; i < length; i++) {
-      const image = images[i];
-      const src = image.getAttribute("data-src") || image.getAttribute("src");
-      const item = {
-        src,
-        msrc: src,
-        alt: image.getAttribute("data-title") || image.getAttribute("alt"),
-        element: image
-      };
-      const height = image.getAttribute("data-height");
-      const width = image.getAttribute("data-width");
-      let rect = { width, height };
-      if (!height && !width) {
-        rect = yield getImageSize(image);
-        image.setAttribute("data-height", rect.height);
-        image.setAttribute("data-width", rect.width);
-      }
-      item.w = rect.width;
-      item.width = rect.width;
-      item.h = rect.height;
-      item.height = rect.height;
-      dataSource.push(item);
-    }
-    return dataSource;
-  });
-}
-function getImageSize(ele) {
-  const url = ele.getAttribute("data-src") || ele.getAttribute("src");
-  const height = ele.getAttribute("data-height");
-  const width = ele.getAttribute("data-width");
-  if (height && width) {
-    return { width, height };
-  }
-  if (ele.complete) {
-    return {
-      width: ele.naturalWidth,
-      height: ele.naturalHeight
-    };
-  }
-  return new Promise((resolve) => {
-    const image = new Image();
-    image.src = url;
-    const rect = {};
-    if (image.complete) {
-      rect.width = image.width;
-      rect.height = image.height;
-      resolve(rect);
-    } else {
-      image.onload = () => {
-        rect.width = image.width;
-        rect.height = image.height;
-        resolve(rect);
-      };
-      image.onerror = () => {
-        rect.width = 0;
-        rect.height = 0;
-        resolve(rect);
-      };
-    }
-  });
-}
-var render = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", {
-    ref: "wrapper"
-  }, [_vm._t("default", function() {
-    return _vm._l(_vm.urls, function(item) {
-      return _c("img", {
-        key: item.src,
-        staticStyle: {
-          "cursor": "pointer"
-        },
-        attrs: {
-          "width": "100",
-          "src": item.src,
-          "alt": ""
-        },
-        on: {
-          "click": _vm.preview
-        }
-      });
-    });
-  }, {
-    "urls": _vm.urls,
-    "preview": _vm.preview
-  })], 2);
-};
-var staticRenderFns = [];
-const __vue2_script = {
-  name: "PhotoSwipe",
-  photoswipe,
-  props: {
-    urls: Array,
-    selector: {
-      type: String,
-      default: "img"
-    }
-  },
-  methods: {
-    preview(e) {
-      return __async(this, null, function* () {
-        yield photoswipe(e, this.$refs.wrapper, { selector: this.selector });
-      });
-    }
-  }
-};
-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 PhotoSwipe = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  PhotoSwipe as default
-};