@maxtropy/v-components 0.1.12-beta.5 → 0.1.12-beta.6

package/es/components/systemcontent/SystemContent.vue.js

@@ -0,0 +1,91 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString } from "vue";
+import { useCurrent, useMenuList } from "../../utils/hooks";
+import defaultLogo from "./logo.png";
+const _hoisted_1 = { class: "logo-title" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "SystemContent",
+  props: {
+    title: { default: "工业互联网平台" },
+    showLogo: { type: Boolean, default: true },
+    customClass: { default: "" },
+    router: { default: void 0 },
+    linkEnable: { type: Boolean, default: true },
+    linkPath: { default: void 0 }
+  },
+  emits: ["click"],
+  setup(__props, { emit }) {
+    const props = __props;
+    let current = ref();
+    useCurrent((val) => current.value = val);
+    let menuList = ref([]);
+    useMenuList((list) => menuList.value = list ?? []);
+    const insideRouter = computed(() => {
+      if (props == null ? void 0 : props.router)
+        return props == null ? void 0 : props.router;
+      return null;
+    });
+    const defaultHomePage = computed(() => {
+      var _a, _b;
+      if (((_a = current.value) == null ? void 0 : _a.currentId) === null) {
+        return "/home";
+      }
+      const homePage = (_b = menuList.value) == null ? void 0 : _b.find((item) => {
+        var _a2;
+        return String((_a2 = current.value) == null ? void 0 : _a2.currentId) === item.currentId;
+      });
+      return (homePage == null ? void 0 : homePage.transitPagePath) ?? "/home";
+    });
+    const linkToHome = () => {
+      var _a;
+      emit("click", defaultHomePage.value);
+      if (!props.linkEnable)
+        return;
+      if (insideRouter.value && props.linkPath) {
+        (_a = insideRouter.value) == null ? void 0 : _a.push(props.linkPath);
+      }
+      const hasOrigin = /^http/.test(defaultHomePage.value);
+      let isEqualOrigin = false;
+      let pathname = "";
+      if (hasOrigin) {
+        const url = new URL(defaultHomePage.value);
+        isEqualOrigin = url.origin === window.location.origin;
+        pathname = url.pathname;
+        if (isEqualOrigin && insideRouter.value) {
+          insideRouter.value.push({ path: pathname });
+        } else {
+          window.location.assign(defaultHomePage.value);
+        }
+      } else {
+        if (insideRouter.value) {
+          insideRouter.value.push({ path: defaultHomePage.value });
+        } else {
+          window.location.assign(window.origin + defaultHomePage.value);
+        }
+      }
+    };
+    const logoUrl = computed(() => {
+      var _a, _b;
+      return ((_b = (_a = current.value) == null ? void 0 : _a.logoUrl) == null ? void 0 : _b.replace("-internal", "")) ?? defaultLogo;
+    });
+    const title = computed(() => {
+      var _a;
+      return ((_a = current.value) == null ? void 0 : _a.platformSloganName) ?? props.title;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["system-content", props == null ? void 0 : props.customClass]),
+        onClick: linkToHome
+      }, [
+        createElementVNode("div", {
+          class: "logo-pic",
+          style: normalizeStyle({ backgroundImage: "url(" + logoUrl.value + ")" })
+        }, null, 4),
+        createElementVNode("span", _hoisted_1, toDisplayString(title.value), 1)
+      ], 2);
+    };
+  }
+});
+const SystemContent_vue_vue_type_style_index_0_lang = "";
+export {
+  _sfc_main as default
+};

package/es/components/systemcontent/index.d.ts

@@ -0,0 +1,7 @@
+import SystemContent from './SystemContent.vue';
+declare module 'vue' {
+    interface GlobalComponents {
+        SystemContent: typeof SystemContent;
+    }
+}
+export default SystemContent;

package/es/components/systemcontent/index.js

@@ -0,0 +1,8 @@
+import SystemContent from "./SystemContent.vue";
+import { default as default2 } from "./SystemContent.vue";
+SystemContent.install = (app) => {
+  app.component(SystemContent.__name, SystemContent);
+};
+export {
+  default2 as default
+};

package/es/components/table/MxTable.css

@@ -0,0 +1,190 @@
+.mx-table.el-table--small,
+.mx-table.el-table {
+  --el-table-border-color: #303030;
+  --el-table-text-color: rgba(255, 255, 255, 0.85);
+  --el-table-header-text-color: rgba(255, 255, 255, 0.85);
+  --el-table-header-bg-color: #1d1d1d;
+  --el-table-tr-bg-color: #232324;
+  --el-table-row-hover-bg-color: #303030;
+  --el-fill-color-lighter: #29292c;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr,
+.mx-table.el-table .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr {
+  height: 48px;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr :not(:last-child)::after,
+.mx-table.el-table .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr :not(:last-child)::after {
+  content: "";
+  position: absolute;
+  right: 0;
+  top: 8px;
+  width: 1px;
+  height: calc(100% - 16px);
+  background: rgba(255, 255, 255, 0.1);
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .el-table__cell,
+.mx-table.el-table .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .el-table__cell {
+  margin: 8px 0;
+  padding: 0;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .el-table__cell .cell,
+.mx-table.el-table .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .el-table__cell .cell {
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 20px;
+  padding: 0 16px;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .mx-table-column.is-leaf.is-sortable.el-table__cell .cell,
+.mx-table.el-table .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .mx-table-column.is-leaf.is-sortable.el-table__cell .cell {
+  position: relative;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .mx-table-column.is-leaf.is-sortable.el-table__cell .cell .caret-wrapper,
+.mx-table.el-table .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .mx-table-column.is-leaf.is-sortable.el-table__cell .cell .caret-wrapper {
+  position: absolute;
+  right: 8px;
+  top: 3px;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .mx-table-column.is-leaf.is-sortable.el-table__cell .cell .el-table__column-filter-trigger.el-none-outline.el-tooltip__trigger.el-tooltip__trigger,
+.mx-table.el-table .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .mx-table-column.is-leaf.is-sortable.el-table__cell .cell .el-table__column-filter-trigger.el-none-outline.el-tooltip__trigger.el-tooltip__trigger {
+  position: absolute;
+  right: 32px;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .mx-table-column.is-leaf.is-sortable.el-table__cell.ascending .cell .caret-wrapper .sort-caret.ascending,
+.mx-table.el-table .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .mx-table-column.is-leaf.is-sortable.el-table__cell.ascending .cell .caret-wrapper .sort-caret.ascending {
+  border-bottom-color: #4a90e2;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .mx-table-column.is-leaf.is-sortable.el-table__cell.descending .cell .caret-wrapper .sort-caret.descending,
+.mx-table.el-table .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .mx-table-column.is-leaf.is-sortable.el-table__cell.descending .cell .caret-wrapper .sort-caret.descending {
+  border-top-color: #4a90e2;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__body tbody .el-table__row,
+.mx-table.el-table .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__body tbody .el-table__row {
+  height: 48px;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__body tbody .el-table__row .el-table__cell .cell,
+.mx-table.el-table .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__body tbody .el-table__row .el-table__cell .cell {
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 20px;
+  padding: 0 16px;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__empty-block,
+.mx-table.el-table .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__empty-block {
+  background: #232324;
+  padding-top: 85px;
+  padding-bottom: 85px;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__empty-block .el-table__empty-text,
+.mx-table.el-table .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__empty-block .el-table__empty-text {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__empty-block .el-table__empty-text .mx-table-empty-img,
+.mx-table.el-table .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__empty-block .el-table__empty-text .mx-table-empty-img {
+  width: 64px;
+  height: 40px;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__empty-block .el-table__empty-text .mx-table-empty-content,
+.mx-table.el-table .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__empty-block .el-table__empty-text .mx-table-empty-content {
+  margin-top: 8px;
+  font-weight: 400;
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.45);
+  line-height: 22px;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr {
+  height: 40px;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__body tbody .el-table__row {
+  height: 40px;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .el-table-column--selection .cell,
+.mx-table.el-table .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .el-table-column--selection .cell {
+  height: 28px;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .el-table-column--selection .cell .el-checkbox,
+.mx-table.el-table .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .el-table-column--selection .cell .el-checkbox {
+  --el-checkbox-bg-color: #1d1d1d;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .el-table-column--selection .cell .el-checkbox .el-checkbox__input .el-checkbox__inner,
+.mx-table.el-table .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .el-table-column--selection .cell .el-checkbox .el-checkbox__input .el-checkbox__inner {
+  width: 16px;
+  height: 16px;
+  border-radius: 2px;
+  border: 1px solid rgba(0, 173, 255, 0.5);
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .el-table-column--selection .cell .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner,
+.mx-table.el-table .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .el-table-column--selection .cell .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner {
+  background: #1d1d1d;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .el-table-column--selection .cell .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner::before,
+.mx-table.el-table .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .el-table-column--selection .cell .el-checkbox .el-checkbox__input.is-indeterminate .el-checkbox__inner::before {
+  top: 6px;
+  background: rgba(0, 173, 255, 0.5);
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .el-table-column--selection .cell .el-checkbox:hover .el-checkbox__input .el-checkbox__inner,
+.mx-table.el-table .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .el-table-column--selection .cell .el-checkbox:hover .el-checkbox__input .el-checkbox__inner {
+  border-color: rgba(0, 173, 255, 0.8);
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .el-table-column--selection .cell .el-checkbox.is-checked .el-checkbox__input .el-checkbox__inner,
+.mx-table.el-table .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .el-table-column--selection .cell .el-checkbox.is-checked .el-checkbox__input .el-checkbox__inner {
+  background-color: #4a90e2;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .el-table-column--selection .cell .el-checkbox.is-checked .el-checkbox__input .el-checkbox__inner::after,
+.mx-table.el-table .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr .el-table-column--selection .cell .el-checkbox.is-checked .el-checkbox__input .el-checkbox__inner::after {
+  left: 5px;
+  top: 2px;
+  border-color: #ffffff;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__body tbody .el-table__row .el-table-column--selection .cell,
+.mx-table.el-table .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__body tbody .el-table__row .el-table-column--selection .cell {
+  height: 28px;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__body tbody .el-table__row .el-table-column--selection .cell .el-checkbox,
+.mx-table.el-table .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__body tbody .el-table__row .el-table-column--selection .cell .el-checkbox {
+  --el-checkbox-bg-color: #1d1d1d;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__body tbody .el-table__row .el-table-column--selection .cell .el-checkbox .el-checkbox__input .el-checkbox__inner,
+.mx-table.el-table .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__body tbody .el-table__row .el-table-column--selection .cell .el-checkbox .el-checkbox__input .el-checkbox__inner {
+  width: 16px;
+  height: 16px;
+  border-radius: 2px;
+  border: 1px solid rgba(0, 173, 255, 0.5);
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__body tbody .el-table__row .el-table-column--selection .cell .el-checkbox:hover .el-checkbox__input .el-checkbox__inner,
+.mx-table.el-table .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__body tbody .el-table__row .el-table-column--selection .cell .el-checkbox:hover .el-checkbox__input .el-checkbox__inner {
+  border-color: rgba(0, 173, 255, 0.8);
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__body tbody .el-table__row .el-table-column--selection .cell .el-checkbox.is-checked .el-checkbox__input .el-checkbox__inner,
+.mx-table.el-table .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__body tbody .el-table__row .el-table-column--selection .cell .el-checkbox.is-checked .el-checkbox__input .el-checkbox__inner {
+  background-color: #4a90e2;
+}
+.mx-table.el-table--small .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__body tbody .el-table__row .el-table-column--selection .cell .el-checkbox.is-checked .el-checkbox__input .el-checkbox__inner::after,
+.mx-table.el-table .el-table__inner-wrapper .el-table__body-wrapper .el-scrollbar .el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-table__body tbody .el-table__row .el-table-column--selection .cell .el-checkbox.is-checked .el-checkbox__input .el-checkbox__inner::after {
+  left: 5px;
+  top: 2px;
+  border-color: #ffffff;
+}
+.mx-table.el-table--small.el-table--border .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr :not(:last-child)::after,
+.mx-table.el-table.el-table--border .el-table__inner-wrapper .el-table__header-wrapper .el-table__header thead tr :not(:last-child)::after {
+  display: none;
+}
+.mx-table-wrapper .mx-table-selected {
+  float: left;
+  padding-top: 26px;
+  margin-bottom: 0;
+  font-weight: 400;
+  font-size: 14px;
+  color: rgba(255, 255, 255, 0.65);
+  line-height: 22px;
+}
+.mx-table-wrapper .mx-table-selected span {
+  color: #e64242;
+  padding: 0 4px;
+}
+.mx-table-wrapper + .mx-pagination {
+  display: flex;
+  justify-content: flex-end;
+}

package/es/components/table/MxTable.vue.d.ts

@@ -0,0 +1,37 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    emptyContent: {
+        type: StringConstructor;
+        default: string;
+    };
+    showSelectedCount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectedCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    emptyContent: {
+        type: StringConstructor;
+        default: string;
+    };
+    showSelectedCount: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    selectedCount: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>>, {
+    emptyContent: string;
+    showSelectedCount: boolean;
+    selectedCount: number;
+}, {}>, Partial<Record<NonNullable<string | number>, (_: {}) => any>>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/table/MxTable.vue.js

@@ -0,0 +1,63 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, unref, mergeProps, createSlots, withCtx, createElementVNode, toDisplayString, renderList, renderSlot, createTextVNode, createCommentVNode } from "vue";
+import { ElTable } from "element-plus";
+import "element-plus/es/components/table/style/css";
+import tableNoData from "../../assets/images/tableNoData.png";
+const _hoisted_1 = { class: "mx-table-wrapper" };
+const _hoisted_2 = ["src"];
+const _hoisted_3 = { class: "mx-table-empty-content" };
+const _hoisted_4 = {
+  key: 0,
+  class: "mx-table-selected"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MxTable",
+  props: {
+    emptyContent: {
+      type: String,
+      default: "暂无数据"
+    },
+    showSelectedCount: {
+      type: Boolean,
+      default: false
+    },
+    selectedCount: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(ElTable), mergeProps({ class: { "mx-table": true } }, _ctx.$attrs), createSlots({
+          empty: withCtx(() => [
+            createElementVNode("img", {
+              src: unref(tableNoData),
+              class: "mx-table-empty-img"
+            }, null, 8, _hoisted_2),
+            createElementVNode("p", _hoisted_3, toDisplayString(props.emptyContent), 1)
+          ]),
+          _: 2
+        }, [
+          renderList(_ctx.$slots, (item, key, index) => {
+            return {
+              name: key,
+              fn: withCtx(() => [
+                renderSlot(_ctx.$slots, key)
+              ])
+            };
+          })
+        ]), 1040),
+        props.showSelectedCount ? (openBlock(), createElementBlock("p", _hoisted_4, [
+          createTextVNode(" 已选择"),
+          createElementVNode("span", null, toDisplayString(props.selectedCount), 1),
+          createTextVNode("项 ")
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const MxTable_vue_vue_type_style_index_0_lang = "";
+export {
+  _sfc_main as default
+};

package/es/components/table/MxTableColumn.css

@@ -0,0 +1,31 @@
+.el-popper.is-pure.is-light.el-table-filter {
+  background: #1f1f1f;
+}
+.el-popper.is-pure.is-light.el-table-filter .el-table-filter__content .el-scrollbar .el-table-filter__wrap.el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-checkbox-group.el-table-filter__checkbox-group .el-checkbox {
+  --el-checkbox-bg-color: #1d1d1d;
+}
+.el-popper.is-pure.is-light.el-table-filter .el-table-filter__content .el-scrollbar .el-table-filter__wrap.el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-checkbox-group.el-table-filter__checkbox-group .el-checkbox .el-checkbox__input .el-checkbox__inner {
+  width: 16px;
+  height: 16px;
+  border-radius: 2px;
+  border: 1px solid rgba(0, 173, 255, 0.5);
+}
+.el-popper.is-pure.is-light.el-table-filter .el-table-filter__content .el-scrollbar .el-table-filter__wrap.el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-checkbox-group.el-table-filter__checkbox-group .el-checkbox:hover .el-checkbox__input .el-checkbox__inner {
+  border-color: rgba(0, 173, 255, 0.8);
+}
+.el-popper.is-pure.is-light.el-table-filter .el-table-filter__content .el-scrollbar .el-table-filter__wrap.el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-checkbox-group.el-table-filter__checkbox-group .el-checkbox .el-checkbox__input.is-checked .el-checkbox__inner::after {
+  top: 2px;
+  left: 5px;
+}
+.el-popper.is-pure.is-light.el-table-filter .el-table-filter__content .el-scrollbar .el-table-filter__wrap.el-scrollbar__wrap.el-scrollbar__wrap--hidden-default .el-scrollbar__view .el-checkbox-group.el-table-filter__checkbox-group .el-checkbox .el-checkbox__label {
+  font-weight: 400;
+  font-size: 12px;
+  color: rgba(255, 255, 255, 0.85);
+  line-height: 20px;
+}
+.el-popper.is-pure.is-light.el-table-filter .el-table-filter__bottom {
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  display: flex;
+  justify-content: space-between;
+  flex-direction: row-reverse;
+}

package/es/components/table/MxTableColumn.vue.d.ts

@@ -0,0 +1,11 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, Partial<Record<NonNullable<string | number>, (_: {
+    scope: any;
+    row: any;
+    index: any;
+}) => any>>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/table/MxTableColumn.vue.js

@@ -0,0 +1,28 @@
+import { defineComponent, openBlock, createBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot } from "vue";
+import { ElTableColumn } from "element-plus";
+import "element-plus/es/components/table-column/style/css";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "MxTableColumn",
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElTableColumn), mergeProps({ "class-name": " mx-table-column" }, _ctx.$attrs, { "filter-class-name": "mx-table-column_filter" }), createSlots({ _: 2 }, [
+        renderList(_ctx.$slots, (item, key, index) => {
+          return {
+            name: key,
+            fn: withCtx((scope) => [
+              renderSlot(_ctx.$slots, key, {
+                scope,
+                row: scope.row,
+                index: scope.$index
+              })
+            ])
+          };
+        })
+      ]), 1040);
+    };
+  }
+});
+const MxTableColumn_vue_vue_type_style_index_0_lang = "";
+export {
+  _sfc_main as default
+};

package/es/components/table/index.d.ts

@@ -0,0 +1,103 @@
+import MxTable from './MxTable.vue';
+import TableColumn from './MxTableColumn.vue';
+declare module 'vue' {
+    interface GlobalComponents {
+        MxTable: typeof MxTable;
+        MxTableColumn: typeof TableColumn;
+    }
+}
+export default MxTable;
+export declare const MxTableColumn: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            key?: string | number | symbol | undefined;
+            ref?: import("vue").VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeMounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUpdate?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUpdated?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>, oldVNode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeBeforeUnmount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            onVnodeUnmounted?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>) => void)[] | undefined;
+            class?: unknown;
+            style?: unknown;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+            beforeCreate?: ((() => void) | (() => void)[]) | undefined;
+            created?: ((() => void) | (() => void)[]) | undefined;
+            beforeMount?: ((() => void) | (() => void)[]) | undefined;
+            mounted?: ((() => void) | (() => void)[]) | undefined;
+            beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
+            updated?: ((() => void) | (() => void)[]) | undefined;
+            activated?: ((() => void) | (() => void)[]) | undefined;
+            deactivated?: ((() => void) | (() => void)[]) | undefined;
+            beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
+            beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
+            destroyed?: ((() => void) | (() => void)[]) | undefined;
+            unmounted?: ((() => void) | (() => void)[]) | undefined;
+            renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
+            errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: undefined;
+    __isTeleport?: undefined;
+    __isSuspense?: undefined;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: Partial<Record<NonNullable<string | number>, (_: {
+        scope: any;
+        row: any;
+        index: any;
+    }) => any>>;
+});

package/es/components/table/index.js

@@ -0,0 +1,12 @@
+import MxTable from "./MxTable.vue";
+import { default as default2 } from "./MxTable.vue";
+import TableColumn from "./MxTableColumn.vue";
+MxTable.install = (app) => {
+  app.component(MxTable.__name, MxTable);
+  app.component(MxTableColumn.__name, TableColumn);
+};
+const MxTableColumn = TableColumn;
+export {
+  MxTableColumn,
+  default2 as default
+};

package/es/components/tabs/MxTabPane.vue.d.ts

@@ -0,0 +1,7 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, Partial<Record<NonNullable<string | number>, (_: {}) => any>>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/components/tabs/MxTabPane.vue.js

@@ -0,0 +1,26 @@
+import { resolveComponent, openBlock, createBlock, normalizeProps, guardReactiveProps, createSlots, renderList, withCtx, renderSlot } from "vue";
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _sfc_main = {};
+function _sfc_render(_ctx, _cache) {
+  const _component_ElTabPane = resolveComponent("ElTabPane");
+  return openBlock(), createBlock(_component_ElTabPane, normalizeProps(guardReactiveProps(_ctx.$attrs)), createSlots({ _: 2 }, [
+    renderList(_ctx.$slots, (item, key, index) => {
+      return {
+        name: key,
+        fn: withCtx(() => [
+          renderSlot(_ctx.$slots, key)
+        ])
+      };
+    })
+  ]), 1040);
+}
+const MxTabPane = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  MxTabPane as default
+};