jky-component-lib 0.0.99 → 0.0.103

package/dist/lib/page-table-v2/PageTableV2.vue.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const PageTableV2_vue_vue_type_script_setup_true_lang = require("./PageTableV2.vue2.js");
+;/* empty css                  */
+const _pluginVue_exportHelper = require("../_virtual/_plugin-vue_export-helper.js");
+const PageTableV2 = /* @__PURE__ */ _pluginVue_exportHelper.default(PageTableV2_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-6a04e384"]]);
+exports.default = PageTableV2;

package/dist/lib/page-table-v2/PageTableV2.vue2.js

@@ -0,0 +1,321 @@
+"use strict";
+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());
+  });
+};
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const core = require("@vueuse/core");
+const ElementPlus = require("element-plus");
+const index = require("../form/index.js");
+const Toolbar_vue_vue_type_script_setup_true_lang = require("../page-table/Toolbar.vue.js");
+;/* empty css                          */
+const _sfc_main = /* @__PURE__ */ vue.defineComponent(__spreadProps(__spreadValues({}, {
+  name: "JkyPageTableV2"
+}), {
+  __name: "PageTableV2",
+  props: {
+    title: { default: "" },
+    withCard: { type: Boolean, default: true },
+    filterItems: { default: () => [] },
+    form: {},
+    showSearchButton: { type: Boolean, default: true },
+    searchText: { default: "查询" },
+    resetText: { default: "重置" },
+    dataSource: {},
+    width: {},
+    height: {},
+    columns: {},
+    tableProps: { default: () => ({}) },
+    formProps: { default: () => ({}) },
+    toolbarButtons: {},
+    toolbarButtonLimit: { default: 0 },
+    class: {},
+    loading: { type: Boolean, default: false },
+    emptyText: { default: "暂无数据" },
+    autoSearchDelay: { default: 500 }
+  },
+  emits: ["search", "reset", "pageChange", "refresh", "rowClick", "rowDblclick", "cellClick", "selectionChange", "update:form"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const form = vue.ref(props.form || {});
+    vue.watch(() => props.form, (newVal) => {
+      if (newVal) {
+        form.value = newVal;
+      }
+    }, { deep: true });
+    vue.watch(
+      () => form.value,
+      (newVal) => {
+        emit("update:form", newVal);
+      },
+      { deep: true }
+    );
+    const internalData = vue.ref([]);
+    const tableRef = vue.ref(null);
+    const formRef = vue.ref(null);
+    const isLoading = vue.ref(props.loading);
+    let debounceTimer = null;
+    function _debouncedLoadData() {
+      if (debounceTimer)
+        clearTimeout(debounceTimer);
+      if (props.autoSearchDelay === 0)
+        return;
+      debounceTimer = setTimeout(() => {
+        loadData();
+      }, props.autoSearchDelay);
+    }
+    const pageTableV2Ref = vue.ref(null);
+    const { isFullscreen: _isFullscreen, toggle: toggleFullscreen } = core.useFullscreen(pageTableV2Ref);
+    function handleRefresh() {
+      var _a;
+      if ((_a = props.dataSource) == null ? void 0 : _a.api) {
+        loadData();
+      } else {
+        emit("refresh");
+      }
+    }
+    const defaultRightButtons = vue.computed(() => {
+      const refreshButton = {
+        label: "刷新",
+        icon: "icon-[mdi--refresh]",
+        class: "ml-3",
+        onClick: handleRefresh
+      };
+      const fullscreenButton = {
+        label: _isFullscreen.value ? "退出全屏" : "全屏",
+        icon: _isFullscreen.value ? "icon-[mdi--fullscreen-exit]" : "icon-[mdi--fullscreen]",
+        class: "ml-3",
+        onClick: () => toggleFullscreen()
+      };
+      return [refreshButton, fullscreenButton];
+    });
+    const selectedCount = vue.computed(() => {
+      var _a, _b;
+      return ((_b = (_a = tableRef.value) == null ? void 0 : _a.getSelectedRows) == null ? void 0 : _b.call(_a).length) || 0;
+    });
+    function buildApiParams() {
+      var _a, _b;
+      if ((_a = props.dataSource) == null ? void 0 : _a.getApiParams) {
+        return props.dataSource.getApiParams(form.value);
+      }
+      if ((_b = props.dataSource) == null ? void 0 : _b.apiParams) {
+        return __spreadValues(__spreadValues({}, form.value), props.dataSource.apiParams);
+      }
+      return __spreadValues({}, form.value);
+    }
+    function loadData() {
+      return __async(this, null, function* () {
+        var _a;
+        if (!((_a = props.dataSource) == null ? void 0 : _a.api)) {
+          console.warn("PageTableV2: 没有配置 dataSource.api");
+          return;
+        }
+        isLoading.value = true;
+        try {
+          const apiParams = buildApiParams();
+          const result = yield props.dataSource.api(apiParams);
+          if (Array.isArray(result)) {
+            internalData.value = result;
+          } else {
+            internalData.value = [];
+          }
+        } catch (error) {
+          console.error("PageTableV2: 加载数据失败:", error);
+          internalData.value = [];
+        } finally {
+          isLoading.value = false;
+        }
+      });
+    }
+    function handleSearch() {
+      var _a;
+      emit("search", __spreadValues({}, form.value));
+      if ((_a = props.dataSource) == null ? void 0 : _a.api) {
+        loadData();
+      }
+    }
+    function handleReset() {
+      var _a, _b, _c;
+      emit("reset");
+      form.value = {};
+      if (formRef.value) {
+        (_b = (_a = formRef.value) == null ? void 0 : _a.form) == null ? void 0 : _b.resetFields();
+      }
+      if ((_c = props.dataSource) == null ? void 0 : _c.api) {
+        loadData();
+      }
+    }
+    function handleRowClick(row, event) {
+      emit("rowClick", row, event);
+    }
+    function handleRowDblclick(row, event) {
+      emit("rowDblclick", row, event);
+    }
+    function handleCellClick(row, column, event) {
+      emit("cellClick", row, column, event);
+    }
+    __expose({
+      refresh: loadData,
+      getFilterData: () => __spreadValues({}, form.value),
+      setFilterData: (data) => {
+        form.value = __spreadValues({}, data);
+      },
+      resetFilter: handleReset,
+      getSelectedRows: () => {
+        var _a;
+        return ((_a = tableRef.value) == null ? void 0 : _a.getSelectedRows()) || [];
+      },
+      clearSelection: () => {
+        var _a;
+        (_a = tableRef.value) == null ? void 0 : _a.clearSelection();
+      },
+      tableRef,
+      formRef
+    });
+    vue.onMounted(() => {
+      var _a;
+      if ((_a = props.dataSource) == null ? void 0 : _a.api) {
+        loadData();
+      }
+    });
+    vue.watch(
+      () => form.value,
+      () => {
+        var _a;
+        if (!props.showSearchButton && ((_a = props.dataSource) == null ? void 0 : _a.api)) {
+          _debouncedLoadData();
+        }
+      },
+      { deep: true }
+    );
+    const processedColumns = vue.computed(() => {
+      return props.columns.map((column) => {
+        const _a = column, { cellRenderer, hidden, dataKey } = _a, rest = __objRest(_a, ["cellRenderer", "hidden", "dataKey"]);
+        return __spreadProps(__spreadValues({}, rest), {
+          hidden,
+          cellRenderer: cellRenderer || (dataKey ? ({ rowData }) => rowData[dataKey] : void 0)
+        });
+      });
+    });
+    return (_ctx, _cache) => {
+      const _directive_loading = vue.resolveDirective("loading");
+      return vue.openBlock(), vue.createElementBlock("div", {
+        ref_key: "pageTableV2Ref",
+        ref: pageTableV2Ref,
+        class: vue.normalizeClass(["bg-transparent flex flex-col jky-page-table-v2", [props.class]])
+      }, [
+        __props.filterItems && __props.filterItems.length > 0 ? (vue.openBlock(), vue.createBlock(vue.unref(ElementPlus.ElCard), {
+          key: 0,
+          class: "mb-3 flex-none jky-page-table-v2__filter-card"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(vue.unref(index.JkyForm), vue.mergeProps({
+              ref_key: "formRef",
+              ref: formRef
+            }, __spreadValues({ inline: true, grid: true }, __props.formProps), {
+              modelValue: form.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => form.value = $event),
+              "show-footer": true,
+              items: __props.filterItems,
+              disabled: isLoading.value,
+              "submit-text": "搜索",
+              "cancel-text": "重置",
+              onReset: handleReset,
+              onSubmit: handleSearch
+            }), null, 16, ["modelValue", "items", "disabled"])
+          ]),
+          _: 1
+        })) : vue.createCommentVNode("", true),
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(props.withCard ? vue.unref(ElementPlus.ElCard) : "div"), { class: "flex-1 min-h-0 jky-page-table-v2__table-card" }, {
+          default: vue.withCtx(() => {
+            var _a, _b, _c;
+            return [
+              vue.createVNode(Toolbar_vue_vue_type_script_setup_true_lang.default, {
+                "left-buttons": ((_a = props.toolbarButtons) == null ? void 0 : _a.left) || [],
+                "batch-buttons": ((_b = props.toolbarButtons) == null ? void 0 : _b.batch) || [],
+                "right-buttons": ((_c = props.toolbarButtons) == null ? void 0 : _c.right) || [],
+                "default-buttons": defaultRightButtons.value,
+                "selected-count": selectedCount.value,
+                "toolbar-button-limit": __props.toolbarButtonLimit,
+                payload: {
+                  pageNo: 1,
+                  pageSize: 10,
+                  total: 0,
+                  tableData: internalData.value,
+                  selectedRows: [],
+                  filterData: __spreadValues({}, form.value)
+                }
+              }, null, 8, ["left-buttons", "batch-buttons", "right-buttons", "default-buttons", "selected-count", "toolbar-button-limit", "payload"]),
+              vue.withDirectives(vue.createVNode(vue.unref(ElementPlus.ElTableV2), vue.mergeProps({
+                ref_key: "tableRef",
+                ref: tableRef,
+                data: internalData.value,
+                columns: processedColumns.value,
+                width: props.width,
+                height: props.height,
+                "empty-text": __props.emptyText
+              }, __props.tableProps, {
+                onRowClick: handleRowClick,
+                onRowDblClick: handleRowDblclick,
+                onCellClick: handleCellClick
+              }), null, 16, ["data", "columns", "width", "height", "empty-text"]), [
+                [_directive_loading, isLoading.value]
+              ])
+            ];
+          }),
+          _: 1
+        }))
+      ], 2);
+    };
+  }
+}));
+exports.default = _sfc_main;

package/dist/lib/page-table-v2/index.d.ts

@@ -0,0 +1,4 @@
+import { InstallWithSFC } from '../utils/types';
+import { default as PageTableV2 } from './PageTableV2.vue';
+export declare const JkyPageTableV2: InstallWithSFC<typeof PageTableV2>;
+export default JkyPageTableV2;

package/dist/lib/page-table-v2/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const withInstall = require("../utils/with-install.js");
+const PageTableV2 = require("./PageTableV2.vue.js");
+const JkyPageTableV2 = withInstall.installWithSFC(PageTableV2.default);
+exports.JkyPageTableV2 = JkyPageTableV2;
+exports.default = JkyPageTableV2;

package/dist/lib/page-table-v2/style.css

@@ -0,0 +1,13 @@
+/* PageTableV2 组件样式 */
+.jky-page-table-v2[data-v-6a04e384] {
+  /* 基础样式 */
+}
+.jky-page-table-v2__filter-card[data-v-6a04e384] {
+  /* 筛选项卡片样式 */
+}
+.jky-page-table-v2__table-card[data-v-6a04e384] {
+  /* 表格卡片样式 */
+}
+.jky-page-table-v2-toolbar[data-v-6a04e384] {
+  /* 工具栏样式 */
+}

package/dist/lib/style.css

@@ -558,6 +558,10 @@
     }
   }
 
+  .m-0 {
+    margin: calc(var(--spacing) * 0);
+  }
+
   .mx-auto {
     margin-inline: auto;
   }
@@ -1414,6 +1418,22 @@
     mask-repeat: no-repeat;
   }
 
+  .icon-\[mdi--file-excel\] {
+    width: 1em;
+    height: 1em;
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8zm1.8 18H14l-2-3.4l-2 3.4H8.2l2.9-4.5L8.2 11H10l2 3.4l2-3.4h1.8l-2.9 4.5zM13 9V3.5L18.5 9z'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    display: inline-block;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+  }
+
   .icon-\[mdi--format-list-bulleted\] {
     width: 1em;
     height: 1em;
@@ -1478,6 +1498,22 @@
     mask-repeat: no-repeat;
   }
 
+  .icon-\[mdi--plus\] {
+    width: 1em;
+    height: 1em;
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    display: inline-block;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+  }
+
   .icon-\[mdi--refresh\] {
     width: 1em;
     height: 1em;
@@ -1494,6 +1530,22 @@
     mask-repeat: no-repeat;
   }
 
+  .icon-\[mdi--upload\] {
+    width: 1em;
+    height: 1em;
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    -webkit-mask-image: var(--svg);
+    mask-image: var(--svg);
+    --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9 16v-6H5l7-7l7 7h-4v6zm-4 4v-2h14v2z'/%3E%3C/svg%3E");
+    background-color: currentColor;
+    display: inline-block;
+    -webkit-mask-size: 100% 100%;
+    mask-size: 100% 100%;
+    -webkit-mask-repeat: no-repeat;
+    mask-repeat: no-repeat;
+  }
+
   .icon-\[mi--switch\] {
     width: 1em;
     height: 1em;
@@ -2377,6 +2429,10 @@
     padding: calc(var(--spacing) * 8);
   }
 
+  .px-1 {
+    padding-inline: calc(var(--spacing) * 1);
+  }
+
   .px-2 {
     padding-inline: calc(var(--spacing) * 2);
   }
@@ -2859,10 +2915,18 @@
       color: var(--el-color-primary);
     }
 
+    .hover\:text-blue-700:hover {
+      color: var(--color-blue-700);
+    }
+
     .hover\:text-blue-900:hover {
       color: var(--color-blue-900);
     }
 
+    .hover\:text-red-700:hover {
+      color: var(--color-red-700);
+    }
+
     .hover\:text-red-900:hover {
       color: var(--color-red-900);
     }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "jky-component-lib",
   "type": "module",
-  "version": "0.0.99",
+  "version": "0.0.103",
   "publishConfig": {
     "access": "public"
   },