@web-utils/component 2.7.36 → 2.8.0

package/dist/components/tab/style.css

@@ -1,122 +0,0 @@
-/* 全局公共颜色配置 */ /* 全局公共尺寸配置 */
-/* 应用头部高度 */
-/* 页面宽度 */
-/* 侧栏宽度 */
-/* 标签高度 */
-/* 页面头部工具条高度 */
-.vux-tab-ink-bar {
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  height: 2px;
-  text-align: center;
-  background-color: #1989fa;
-}
-.vux-tab-ink-bar-transition-forward {
-  transition: right 0.3s cubic-bezier(0.35, 0, 0.25, 1), left 0.3s cubic-bezier(0.35, 0, 0.25, 1) 0.09s;
-}
-.vux-tab-ink-bar-transition-backward {
-  transition: right 0.3s cubic-bezier(0.35, 0, 0.25, 1) 0.09s, left 0.3s cubic-bezier(0.35, 0, 0.25, 1);
-}
-.vux-tab-bar-top .vux-tab-ink-bar {
-  top: 0;
-}
-.vux-tab {
-  position: relative;
-  display: flex;
-  height: 36px;
-  background-color: #fff;
-}
-.vux-tab button {
-  padding: 0;
-  background: 0 0;
-  border: 0;
-  outline: 0;
-  appearance: none;
-}
-.vux-tab .vux-tab-item {
-  display: block;
-  flex: 1 1 auto;
-  box-sizing: border-box;
-  width: 100%;
-  height: 100%;
-  color: #666;
-  font-size: 14px;
-  line-height: 36px;
-  text-align: center;
-  cursor: pointer;
-  /* background: linear-gradient(180deg, #e5e5e5, #e5e5e5, rgba(229, 229, 229, 0)) bottom left no-repeat; */
-  /* background-size: 100% 1px; */
-}
-.vux-tab .vux-tab-item.vux-tab-selected {
-  color: #1989fa;
-  border-bottom: 3px solid #1989fa;
-}
-.vux-tab-bar-top .vux-tab .vux-tab-item {
-  /* background: linear-gradient(180deg, #e5e5e5, #e5e5e5, rgba(229, 229, 229, 0)) top left no-repeat; */
-  /* background-size: 100% 1px; */
-}
-.vux-tab-bar-top .vux-tab .vux-tab-item.vux-tab-selected {
-  border-top: 3px solid #1989fa;
-  border-bottom: none;
-}
-.vux-tab .vux-tab-item.vux-tab-disabled {
-  color: #ddd;
-}
-.vux-tab.vux-tab-no-animate .vux-tab-item.vux-tab-selected {
-  background: 0 0;
-}
-
-/** when=prop:custom-bar-width **/
-.vux-tab-bar-inner {
-  display: block;
-  height: 100%;
-  margin: auto;
-  background-color: #1989fa;
-  transition: width 0.3s cubic-bezier(0.35, 0, 0.25, 1);
-}
-.vux-tab-item-badge {
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  display: inline-block;
-  box-sizing: border-box;
-  min-width: 18px;
-  height: 18px;
-  margin: auto 0 auto 4px;
-  padding: 0 4px;
-  font-size: 11px;
-  line-height: 18px;
-  vertical-align: middle;
-  background-clip: padding-box;
-  border-radius: 30px;
-}
-.vux-tab-wrap {
-  position: relative;
-  padding-top: 36px;
-}
-.vux-tab-container {
-  position: absolute;
-  top: 0;
-  right: 0;
-  left: 0;
-  height: 36px;
-  overflow: hidden;
-}
-.scrollable {
-  box-sizing: content-box;
-  padding-bottom: 17px;
-  overflow-x: auto;
-  overflow-y: hidden;
-  -webkit-overflow-scrolling: touch;
-}
-.scrollable::-webkit-scrollbar {
-  display: none;
-}
-.scrollable .vux-tab-ink-bar {
-  position: absolute;
-  bottom: 17px;
-}
-.scrollable .vux-tab-item {
-  flex: 0 0 22%;
-}

package/dist/components/tab-item/index.js

@@ -1,78 +0,0 @@
-import { c as childMixin } from "../../chunks/tab-mixin.9d848bf6.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: "vux-tab-item",
-    class: [_vm.currentSelected ? _vm.activeClass : "", {
-      "vux-tab-selected": _vm.currentSelected,
-      "vux-tab-disabled": _vm.disabled
-    }],
-    style: _vm.style,
-    on: {
-      "click": _vm.onItemClick
-    }
-  }, [_vm._t("default"), typeof _vm.badgeLabel !== "undefined" && _vm.badgeLabel !== "" ? _c("span", {
-    staticClass: "vux-tab-item-badge",
-    style: {
-      background: _vm.badgeBackground,
-      color: _vm.badgeColor
-    }
-  }, [_vm._v(" " + _vm._s(_vm.badgeLabel) + " ")]) : _vm._e()], 2);
-};
-var staticRenderFns = [];
-const __vue2_script = {
-  name: "TabItem",
-  mixins: [childMixin],
-  props: {
-    activeClass: {
-      type: String
-    },
-    disabled: Boolean,
-    badgeBackground: {
-      type: String,
-      default: "#f74c31"
-    },
-    badgeColor: {
-      type: String,
-      default: "#fff"
-    },
-    badgeLabel: {
-      type: String
-    }
-  },
-  computed: {
-    style() {
-      return {
-        borderWidth: `${this.$parent.lineWidth}px`,
-        borderColor: this.$parent.activeColor,
-        color: this.currentSelected ? this.$parent.activeColor : this.disabled ? this.$parent.disabledColor : this.$parent.defaultColor,
-        border: this.$parent.animate ? "none" : "auto"
-      };
-    }
-  }
-};
-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 TabItem = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  TabItem as default
-};

package/dist/components/table-column/index.js

@@ -1,111 +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));
-import { n as normalizeComponent } from "../../chunks/vueComponentNormalizer.9c6b8b3d.js";
-const tableColumnProps = {
-  props: {
-    type: {
-      type: String,
-      default: "default"
-    },
-    label: String,
-    className: String,
-    labelClassName: String,
-    property: String,
-    prop: String,
-    width: {},
-    minWidth: {},
-    renderHeader: Function,
-    sortable: {
-      type: [Boolean, String],
-      default: false
-    },
-    sortMethod: Function,
-    sortBy: [String, Function, Array],
-    resizable: {
-      type: Boolean,
-      default: true
-    },
-    columnKey: String,
-    align: String,
-    headerAlign: String,
-    showTooltipWhenOverflow: Boolean,
-    showOverflowTooltip: {
-      type: Boolean,
-      default: true
-    },
-    fixed: [Boolean, String],
-    formatter: Function,
-    selectable: Function,
-    reserveSelection: Boolean,
-    filterMethod: Function,
-    filteredValue: Array,
-    filters: Array,
-    filterPlacement: String,
-    filterMultiple: {
-      type: Boolean,
-      default: true
-    },
-    index: [Number, Function],
-    sortOrders: {
-      type: Array,
-      default() {
-        return ["ascending", "descending", null];
-      },
-      validator(val) {
-        return val.every((order) => ["ascending", "descending", null].indexOf(order) > -1);
-      }
-    }
-  }
-};
-const __vue2_script = {
-  name: "TableColumn",
-  functional: true,
-  mixins: [tableColumnProps],
-  render(createElement, { data, props, children }) {
-    return createElement("ElTableColumn", __spreadProps(__spreadValues({}, data), {
-      props: __spreadProps(__spreadValues({}, props), {
-        showOverflowTooltip: ["selection", "single-selection", "index", "expand"].includes(props.type) ? false : props.showOverflowTooltip
-      })
-    }), children);
-  }
-};
-let __vue2_render, __vue2_staticRenderFns;
-const __cssModules = {};
-var __component__ = /* @__PURE__ */ normalizeComponent(
-  __vue2_script,
-  __vue2_render,
-  __vue2_staticRenderFns,
-  false,
-  __vue2_injectStyles,
-  null,
-  null,
-  null
-);
-function __vue2_injectStyles(context) {
-  for (let o in __cssModules) {
-    this[o] = __cssModules[o];
-  }
-}
-const TableColumn = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  TableColumn as default
-};

package/dist/components/table-page/index.js

@@ -1,151 +0,0 @@
-import { c as config } from "../../chunks/config.75161c38.js";
-import { o as optVal } from "../../chunks/util.b0d0b0ad.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 _vm.pageFlag && _vm.optVal(_vm.crud.tableOption.page, true) ? _c("ElCard", {
-    staticClass: "avue-pagination",
-    attrs: {
-      "shadow": _vm.crud.isCard
-    }
-  }, [_vm._t("page"), _c("ElPagination", {
-    staticStyle: {
-      "margin-top": "25px"
-    },
-    attrs: {
-      "small": _vm.crud.size === "mini",
-      "disabled": _vm.defaultPage.disabled,
-      "hide-on-single-page": _vm.defaultPage.single,
-      "pager-count": _vm.defaultPage.pagerCount,
-      "current-page": _vm.defaultPage.currentPage,
-      "background": _vm.defaultPage.background,
-      "page-size": _vm.defaultPage.pageSize,
-      "page-sizes": _vm.defaultPage.pageSizes,
-      "layout": _vm.defaultPage.layout,
-      "total": _vm.defaultPage.total
-    },
-    on: {
-      "update:currentPage": function($event) {
-        return _vm.$set(_vm.defaultPage, "currentPage", $event);
-      },
-      "update:current-page": function($event) {
-        return _vm.$set(_vm.defaultPage, "currentPage", $event);
-      },
-      "size-change": _vm.sizeChange,
-      "prev-click": _vm.prevClick,
-      "next-click": _vm.nextClick,
-      "current-change": _vm.currentChange
-    }
-  })], 2) : _vm._e();
-};
-var staticRenderFns = [];
-const __vue2_script = {
-  name: "TablePage",
-  inject: ["crud"],
-  data() {
-    return {
-      config,
-      defaultPage: {
-        single: false,
-        total: 0,
-        // 总页数
-        pagerCount: 7,
-        // 超过多少条隐藏
-        currentPage: 1,
-        // 当前页数
-        pageSize: 10,
-        // 每页显示多少条
-        pageSizes: [10, 20, 30, 40, 50, 100],
-        layout: "total, sizes, prev, pager, next, jumper",
-        background: true
-        // 背景颜色
-      }
-    };
-  },
-  computed: {
-    pageFlag() {
-      return this.defaultPage.total != 0;
-    }
-  },
-  watch: {
-    "crud.page": {
-      handler() {
-        this.pageInit();
-      },
-      deep: true
-    },
-    pageFlag() {
-      this.crud.getTableHeight();
-    },
-    // 如果当前页面删除没数据了调用第一页
-    "defaultPage.total"() {
-      if (this.defaultPage.total === (this.defaultPage.currentPage - 1) * this.defaultPage.pageSize && this.defaultPage.total != 0) {
-        this.defaultPage.currentPage = this.defaultPage.currentPage - 1;
-        this.currentChange(this.defaultPage.currentPage);
-      }
-    }
-  },
-  created() {
-    if (this.crud.isMobile) {
-      this.defaultPage.layout = "total, sizes, prev, pager, next";
-    }
-    this.pageInit();
-    this.crud.$emit("on-load", this.defaultPage);
-  },
-  methods: {
-    optVal,
-    pageInit() {
-      this.defaultPage = Object.assign(this.defaultPage, this.crud.page);
-      this.updateValue();
-    },
-    updateValue() {
-      this.crud.$emit("update:page", this.defaultPage);
-    },
-    // 下一页事件
-    nextClick(val) {
-      this.crud.$emit("next-click", val);
-    },
-    // 上一页事件
-    prevClick(val) {
-      this.crud.$emit("prev-click", val);
-    },
-    // 页大小回调
-    sizeChange(val) {
-      this.defaultPage.currentPage = 1;
-      this.defaultPage.pageSize = val;
-      this.updateValue();
-      this.crud.$emit("on-load", this.defaultPage);
-      this.crud.$emit("size-change", val);
-    },
-    // 页码回调
-    currentChange(val) {
-      this.updateValue();
-      this.crud.$emit("on-load", this.defaultPage);
-      this.crud.$emit("current-change", val);
-    }
-  }
-};
-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 TablePage = /* @__PURE__ */ function() {
-  return __component__.exports;
-}();
-export {
-  TablePage as default
-};