@yimou6/common-ui 1.6.1

package/lib/components/table/src/table.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var table_vue_vue_type_script_setup_true_lang = require('./table.vue2.js');
+
+
+
+exports.default = table_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=table.vue.js.map

package/lib/components/table/src/table.vue.js.map

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

package/lib/components/table/src/table.vue2.js

@@ -0,0 +1,225 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var core = require('@vueuse/core');
+var elementPlus = require('element-plus');
+require('../../../utils/index.js');
+var table = require('./table.js');
+var util = require('../../../utils/util.js');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+const _hoisted_1 = {
+  key: 0,
+  class: "i-table-pagination"
+};
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "ITable"
+  },
+  __name: "table",
+  props: table.TableProps,
+  emits: [
+    "update:pagination",
+    "sizeChange",
+    "currentChange",
+    "select",
+    "selectAll",
+    "selectionChange",
+    "cellMouseEnter",
+    "cellMouseLeave",
+    "cellClick",
+    "cellDblclick",
+    "cellContextmenu",
+    "rowClick",
+    "rowContextmenu",
+    "rowDblclick",
+    "headerClick",
+    "headerContextmenu",
+    "sortChange",
+    "filterChange",
+    "currentChange",
+    "headerDragend",
+    "expandChange"
+  ],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const tableAttrs = vue.computed(() => util.excludeObjectKeys(props, ["height", "columns", "pagination", "loading"]));
+    const tableWarpRef = vue.ref();
+    const slots = vue.useSlots();
+    const { height } = core.useElementSize(tableWarpRef);
+    const tableHeight = vue.computed(() => {
+      var _a;
+      if (props.height) {
+        return props.height;
+      } else {
+        if ((_a = props.pagination) == null ? void 0 : _a.currentPage) {
+          return height.value - 50;
+        }
+        return height.value;
+      }
+    });
+    const pagina = vue.ref(props.pagination);
+    vue.watch(
+      () => props.pagination,
+      (val) => {
+        pagina.value = {
+          ...props.pagination,
+          ...val
+        };
+      },
+      { deep: true }
+    );
+    function handleSizeChange(pageSize) {
+      emits("update:pagination", {
+        ...props.pagination,
+        pageSize
+      });
+      emits("sizeChange", pageSize);
+    }
+    __name(handleSizeChange, "handleSizeChange");
+    function handleCurrentChange(currentPage) {
+      emits("update:pagination", {
+        ...props.pagination,
+        currentPage
+      });
+      emits("currentChange", currentPage);
+    }
+    __name(handleCurrentChange, "handleCurrentChange");
+    const tableRef = vue.ref();
+    __expose({
+      tableRef() {
+        return tableRef.value;
+      }
+    });
+    return (_ctx, _cache) => {
+      const _directive_loading = vue.resolveDirective("loading");
+      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "tableWarpRef",
+        ref: tableWarpRef,
+        class: "i-table-warp"
+      }, [
+        vue.createVNode(vue.unref(elementPlus.ElTable), vue.mergeProps({
+          ref_key: "tableRef",
+          ref: tableRef
+        }, tableAttrs.value, {
+          height: tableHeight.value,
+          class: "i-table",
+          onSelect: _cache[0] || (_cache[0] = (selection, row) => emits("select", selection, row)),
+          onSelectAll: _cache[1] || (_cache[1] = (selection) => emits("selectAll", selection)),
+          onSelectionChange: _cache[2] || (_cache[2] = (newSelection) => emits("selectionChange", newSelection)),
+          onCellMouseEnter: _cache[3] || (_cache[3] = (row, column, cell, event) => emits("cellMouseEnter", row, column, cell, event)),
+          onCellMouseLeave: _cache[4] || (_cache[4] = (row, column, cell, event) => emits("cellMouseLeave", row, column, cell, event)),
+          onCellClick: _cache[5] || (_cache[5] = (row, column, cell, event) => emits("cellClick", row, column, cell, event)),
+          onCellDblclick: _cache[6] || (_cache[6] = (row, column, cell, event) => emits("cellDblclick", row, column, cell, event)),
+          onCellContextmenu: _cache[7] || (_cache[7] = (row, column, cell, event) => emits("cellContextmenu", row, column, cell, event)),
+          onRowClick: _cache[8] || (_cache[8] = (row, column, event) => emits("rowClick", row, column, event)),
+          onRowContextmenu: _cache[9] || (_cache[9] = (row, column, event) => emits("rowContextmenu", row, column, event)),
+          onRowDblclick: _cache[10] || (_cache[10] = (row, column, event) => emits("rowDblclick", row, column, event)),
+          onHeaderClick: _cache[11] || (_cache[11] = (column, event) => emits("headerClick", column, event)),
+          onHeaderContextmenu: _cache[12] || (_cache[12] = (column, event) => emits("headerContextmenu", column, event)),
+          onSortChange: _cache[13] || (_cache[13] = (column, prop, order) => emits("sortChange", column, prop, order)),
+          onFilterChange: _cache[14] || (_cache[14] = (filters) => emits("filterChange", filters)),
+          onHeaderDragend: _cache[15] || (_cache[15] = (newWidth, oldWidth, column, event) => emits("headerDragend", newWidth, oldWidth, column, event)),
+          onExpandChange: _cache[16] || (_cache[16] = (row, expandedRows) => emits("expandChange", row, expandedRows))
+        }), {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(_ctx.columns, (column) => {
+                return vue.openBlock(), vue.createElementBlock(
+                  vue.Fragment,
+                  {
+                    key: column.prop
+                  },
+                  [
+                    vue.createCommentVNode(" todo \u4F7F\u7528v-bind\u4F1A\u62A5typescript\u7C7B\u578B\u9519\u8BEF\uFF0C\u6240\u4EE5\u53EA\u80FD\u4E00\u4E2A\u4E2A\u7684\u5199\u4E0A "),
+                    vue.createVNode(vue.unref(elementPlus.ElTableColumn), {
+                      type: column.type,
+                      index: column.index,
+                      label: column.label,
+                      prop: column.prop,
+                      "row-key": column.rowKey || "id",
+                      "column-key": column.columnKey,
+                      width: column.width,
+                      "min-width": column.minWidth,
+                      fixed: column.fixed,
+                      sortable: column.sortable,
+                      "sort-method": column.sortMethod,
+                      "sort-by": column.sortBy,
+                      "sort-orders": column.sortOrders,
+                      resizable: column.resizable,
+                      "show-overflow-tooltip": column.showOverflowTooltip,
+                      align: column.align,
+                      "header-align": column.headerAlign,
+                      "class-name": column.className,
+                      "label-class-name": column.labelClassName,
+                      selectable: column.selectable,
+                      "reserve-selection": column.reserveSelection,
+                      filters: column.filters,
+                      "filter-placement": column.filterPlacement,
+                      "filter-multiple": column.filterMultiple,
+                      "filter-method": column.filterMethod,
+                      "filtered-value": column.filteredValue
+                    }, vue.createSlots({
+                      default: vue.withCtx((scope) => [
+                        vue.createCommentVNode(" eslint-disable-next-line "),
+                        column.slot ? vue.renderSlot(_ctx.$slots, column.slot, {
+                          key: 0,
+                          row: scope.row,
+                          $index: scope.$index
+                        }) : vue.createCommentVNode("v-if", true)
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, [
+                      vue.unref(slots)[`${column.prop}TableHeader`] ? {
+                        name: "header",
+                        fn: vue.withCtx(() => [
+                          vue.renderSlot(_ctx.$slots, `${column.prop}TableHeader`)
+                        ]),
+                        key: "0"
+                      } : void 0
+                    ]), 1032, ["type", "index", "label", "prop", "row-key", "column-key", "width", "min-width", "fixed", "sortable", "sort-method", "sort-by", "sort-orders", "resizable", "show-overflow-tooltip", "align", "header-align", "class-name", "label-class-name", "selectable", "reserve-selection", "filters", "filter-placement", "filter-multiple", "filter-method", "filtered-value"])
+                  ],
+                  64
+                  /* STABLE_FRAGMENT */
+                );
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 3
+          /* FORWARDED */
+        }, 16, ["height"]),
+        pagina.value.total ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          vue.createVNode(vue.unref(elementPlus.ElPagination), {
+            "current-page": pagina.value.currentPage,
+            "onUpdate:currentPage": _cache[17] || (_cache[17] = ($event) => pagina.value.currentPage = $event),
+            "page-size": pagina.value.pageSize,
+            "onUpdate:pageSize": _cache[18] || (_cache[18] = ($event) => pagina.value.pageSize = $event),
+            small: pagina.value.small || false,
+            disabled: pagina.value.disabled || false,
+            background: pagina.value.background || true,
+            total: pagina.value.total || 0,
+            "pager-count": pagina.value.pagerCount || 7,
+            layout: pagina.value.layout || "total, sizes, prev, pager, next, jumper",
+            "page-sizes": pagina.value.pageSizes || [20, 30, 50, 100],
+            onSizeChange: handleSizeChange,
+            onCurrentChange: handleCurrentChange
+          }, null, 8, ["current-page", "page-size", "small", "disabled", "background", "total", "pager-count", "layout", "page-sizes"])
+        ])) : vue.createCommentVNode("v-if", true)
+      ])), [
+        [_directive_loading, _ctx.loading]
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=table.vue2.js.map

package/lib/components/table/src/table.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table.vue2.js","sources":["../../../../../../../packages/components/table/src/table.vue"],"sourcesContent":["<script lang=\"ts\" setup>\n  import { useElementSize } from '@vueuse/core';\n  import { ElPagination, ElTable, ElTableColumn } from 'element-plus';\n  import { computed, ref, useSlots, watch } from 'vue';\n  import { excludeObjectKeys } from '../../../utils';\n  import { TableProps } from './table';\n\n  defineOptions({\n    name: 'ITable',\n  });\n\n  const props = defineProps(TableProps);\n  const emits = defineEmits([\n    'update:pagination',\n    'sizeChange',\n    'currentChange',\n    'select',\n    'selectAll',\n    'selectionChange',\n    'cellMouseEnter',\n    'cellMouseLeave',\n    'cellClick',\n    'cellDblclick',\n    'cellContextmenu',\n    'rowClick',\n    'rowContextmenu',\n    'rowDblclick',\n    'headerClick',\n    'headerContextmenu',\n    'sortChange',\n    'filterChange',\n    'currentChange',\n    'headerDragend',\n    'expandChange',\n  ]);\n  const tableAttrs = computed(() => excludeObjectKeys(props, ['height', 'columns', 'pagination', 'loading']));\n\n  const tableWarpRef = ref();\n  const slots = useSlots();\n\n  // @ts-ignore\n  const { height } = useElementSize(tableWarpRef);\n  const tableHeight = computed(() => {\n    if (props.height) {\n      return props.height;\n    } else {\n      if (props.pagination?.currentPage) {\n        return height.value - 50;\n      }\n      return height.value;\n    }\n  });\n\n  const pagina = ref(props.pagination);\n  watch(\n    () => props.pagination,\n    (val: any) => {\n      pagina.value = {\n        ...props.pagination,\n        ...val,\n      };\n    },\n    { deep: true },\n  );\n\n  function handleSizeChange(pageSize: number) {\n    emits('update:pagination', {\n      ...props.pagination,\n      pageSize,\n    });\n    emits('sizeChange', pageSize);\n  }\n\n  function handleCurrentChange(currentPage: number) {\n    emits('update:pagination', {\n      ...props.pagination,\n      currentPage,\n    });\n    emits('currentChange', currentPage);\n  }\n\n  const tableRef = ref();\n  defineExpose({\n    tableRef() {\n      return tableRef.value;\n    },\n  });\n</script>\n\n<template>\n  <div ref=\"tableWarpRef\" v-loading=\"loading\" class=\"i-table-warp\">\n    <ElTable\n      ref=\"tableRef\"\n      v-bind=\"tableAttrs\"\n      :height=\"tableHeight\"\n      class=\"i-table\"\n      @select=\"(selection, row) => emits('select', selection, row)\"\n      @select-all=\"selection => emits('selectAll', selection)\"\n      @selection-change=\"newSelection => emits('selectionChange', newSelection)\"\n      @cell-mouse-enter=\"(row, column, cell, event) => emits('cellMouseEnter', row, column, cell, event)\"\n      @cell-mouse-leave=\"(row, column, cell, event) => emits('cellMouseLeave', row, column, cell, event)\"\n      @cell-click=\"(row, column, cell, event) => emits('cellClick', row, column, cell, event)\"\n      @cell-dblclick=\"(row, column, cell, event) => emits('cellDblclick', row, column, cell, event)\"\n      @cell-contextmenu=\"(row, column, cell, event) => emits('cellContextmenu', row, column, cell, event)\"\n      @row-click=\"(row, column, event) => emits('rowClick', row, column, event)\"\n      @row-contextmenu=\"(row, column, event) => emits('rowContextmenu', row, column, event)\"\n      @row-dblclick=\"(row, column, event) => emits('rowDblclick', row, column, event)\"\n      @header-click=\"(column, event) => emits('headerClick', column, event)\"\n      @header-contextmenu=\"(column, event) => emits('headerContextmenu', column, event)\"\n      @sort-change=\"(column, prop, order) => emits('sortChange', column, prop, order)\"\n      @filter-change=\"filters => emits('filterChange', filters)\"\n      @header-dragend=\"(newWidth, oldWidth, column, event) => emits('headerDragend', newWidth, oldWidth, column, event)\"\n      @expand-change=\"(row, expandedRows) => emits('expandChange', row, expandedRows)\"\n    >\n      <template v-for=\"column of columns\" :key=\"column.prop\">\n        <!-- todo 使用v-bind会报typescript类型错误，所以只能一个个的写上 -->\n        <ElTableColumn\n          :type=\"column.type\"\n          :index=\"column.index\"\n          :label=\"column.label\"\n          :prop=\"column.prop\"\n          :row-key=\"column.rowKey || 'id'\"\n          :column-key=\"column.columnKey\"\n          :width=\"column.width\"\n          :min-width=\"column.minWidth\"\n          :fixed=\"column.fixed\"\n          :sortable=\"column.sortable\"\n          :sort-method=\"column.sortMethod\"\n          :sort-by=\"column.sortBy\"\n          :sort-orders=\"column.sortOrders\"\n          :resizable=\"column.resizable\"\n          :show-overflow-tooltip=\"column.showOverflowTooltip\"\n          :align=\"column.align\"\n          :header-align=\"column.headerAlign\"\n          :class-name=\"column.className\"\n          :label-class-name=\"column.labelClassName\"\n          :selectable=\"column.selectable\"\n          :reserve-selection=\"column.reserveSelection\"\n          :filters=\"column.filters\"\n          :filter-placement=\"column.filterPlacement\"\n          :filter-multiple=\"column.filterMultiple\"\n          :filter-method=\"column.filterMethod\"\n          :filtered-value=\"column.filteredValue\"\n        >\n          <template #default=\"scope\">\n            <!-- eslint-disable-next-line -->\n            <slot v-if=\"column.slot\" :name=\"column.slot\" :row=\"scope.row\" :$index=\"scope.$index\" />\n          </template>\n          <template v-if=\"slots[`${column.prop}TableHeader`]\" #header>\n            <slot :name=\"`${column.prop}TableHeader`\" />\n          </template>\n        </ElTableColumn>\n      </template>\n    </ElTable>\n    <div v-if=\"pagina.total\" class=\"i-table-pagination\">\n      <ElPagination\n        v-model:current-page=\"pagina.currentPage\"\n        v-model:page-size=\"pagina.pageSize\"\n        :small=\"pagina.small || false\"\n        :disabled=\"pagina.disabled || false\"\n        :background=\"pagina.background || true\"\n        :total=\"pagina.total || 0\"\n        :pager-count=\"pagina.pagerCount || 7\"\n        :layout=\"pagina.layout || 'total, sizes, prev, pager, next, jumper'\"\n        :page-sizes=\"pagina.pageSizes || [20, 30, 50, 100]\"\n        @size-change=\"handleSizeChange\"\n        @current-change=\"handleCurrentChange\"\n      />\n    </div>\n  </div>\n</template>\n"],"names":["computed","excludeObjectKeys","ref","useSlots","useElementSize","watch"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWE,IAAA,MAAM,KAAQ,GAAA,OAAA;AACd,IAAA,MAAM,KAAQ,GAAA,MAAA;AAuBd,IAAM,MAAA,UAAA,GAAaA,YAAS,CAAA,MAAMC,sBAAkB,CAAA,KAAA,EAAO,CAAC,QAAA,EAAU,SAAW,EAAA,YAAA,EAAc,SAAS,CAAC,CAAC,CAAA;AAE1G,IAAA,MAAM,eAAeC,OAAI,EAAA;AACzB,IAAA,MAAM,QAAQC,YAAS,EAAA;AAGvB,IAAA,MAAM,EAAE,MAAA,EAAW,GAAAC,mBAAA,CAAe,YAAY,CAAA;AAC9C,IAAM,MAAA,WAAA,GAAcJ,aAAS,MAAM;;AACjC,MAAA,IAAI,MAAM,MAAQ,EAAA;AAChB,QAAA,OAAO,KAAM,CAAA,MAAA;AAAA,OACR,MAAA;AACL,QAAI,IAAA,CAAA,EAAA,GAAA,KAAA,CAAM,UAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAkB,WAAa,EAAA;AACjC,UAAA,OAAO,OAAO,KAAQ,GAAA,EAAA;AAAA;AAExB,QAAA,OAAO,MAAO,CAAA,KAAA;AAAA;AAChB,KACD,CAAA;AAED,IAAM,MAAA,MAAA,GAASE,OAAI,CAAA,KAAA,CAAM,UAAU,CAAA;AACnC,IAAAG,SAAA;AAAA,MACE,MAAM,KAAM,CAAA,UAAA;AAAA,MACZ,CAAC,GAAa,KAAA;AACZ,QAAA,MAAA,CAAO,KAAQ,GAAA;AAAA,UACb,GAAG,KAAM,CAAA,UAAA;AAAA,UACT,GAAG;AAAA,SACL;AAAA,OACF;AAAA,MACA,EAAE,MAAM,IAAK;AAAA,KACf;AAEA,IAAA,SAAS,iBAAiB,QAAkB,EAAA;AAC1C,MAAA,KAAA,CAAM,mBAAqB,EAAA;AAAA,QACzB,GAAG,KAAM,CAAA,UAAA;AAAA,QACT;AAAA,OACD,CAAA;AACD,MAAA,KAAA,CAAM,cAAc,QAAQ,CAAA;AAAA;AALrB,IAAA,MAAA,CAAA,gBAAA,EAAA,kBAAA,CAAA;AAQT,IAAA,SAAS,oBAAoB,WAAqB,EAAA;AAChD,MAAA,KAAA,CAAM,mBAAqB,EAAA;AAAA,QACzB,GAAG,KAAM,CAAA,UAAA;AAAA,QACT;AAAA,OACD,CAAA;AACD,MAAA,KAAA,CAAM,iBAAiB,WAAW,CAAA;AAAA;AAL3B,IAAA,MAAA,CAAA,mBAAA,EAAA,qBAAA,CAAA;AAQT,IAAA,MAAM,WAAWH,OAAI,EAAA;AACrB,IAAa,QAAA,CAAA;AAAA,MACX,QAAW,GAAA;AACT,QAAA,OAAO,QAAS,CAAA,KAAA;AAAA;AAClB,KACD,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}