@vef-framework/starter 1.0.134 → 2.0.1

package/dist/cjs/components/pro-table/components/table.cjs

@@ -0,0 +1,132 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const components = require('@vef-framework/components');
+const core = require('@vef-framework/core');
+const hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const react = require('react');
+require('../../../constants/index.cjs');
+require('../hooks/index.cjs');
+const store = require('../store.cjs');
+const tableSummary = require('./table-summary.cjs');
+const tableTitle = require('./table-title.cjs');
+const useTableColumns = require('../hooks/use-table-columns.cjs');
+const symbols = require('../../../constants/symbols.cjs');
+const useRowSelection = require('../hooks/use-row-selection.cjs');
+
+function PaginatedTable({
+  className,
+  style,
+  queryFn,
+  columns,
+  rowKey,
+  rowSelection,
+  queryEnabled,
+  queryParams,
+  showSequenceColumn,
+  operationColumn,
+  selectedRowKeys,
+  virtual,
+  title,
+  summary,
+  onSelectedRowKeysChange
+}) {
+  const {
+    paginationParams,
+    sort,
+    setPaginationParams
+  } = store.useProTableStore(core.useShallow((state) => {
+    const {
+      paginationParams: paginationParams2,
+      sort: sort2,
+      setPaginationParams: setPaginationParams2
+    } = state;
+    return {
+      paginationParams: paginationParams2,
+      sort: sort2,
+      setPaginationParams: setPaginationParams2
+    };
+  }));
+  const processedColumns = useTableColumns.useTableColumns(columns, operationColumn, showSequenceColumn);
+  const result = core.useQuery({
+    queryFn,
+    queryKey: [queryFn.key, {
+      ...queryParams,
+      [symbols.SYMBOL_PAGINATION]: paginationParams,
+      [symbols.SYMBOL_SORT]: sort
+    }],
+    enabled: !shared.isFunction(queryEnabled) || queryEnabled(queryParams)
+  });
+  const paginationProps = components.usePaginationProps({
+    paginationParams,
+    total: result.isSuccess ? result.data.total : 0
+  });
+  const selection = useRowSelection.useRowSelection(rowSelection, selectedRowKeys, onSelectedRowKeysChange);
+  const emitter = store.useProTableStore((state) => state.eventEmitter);
+  hooks.useEmitterEvent(emitter, "refetch", () => {
+    result.refetch();
+  });
+  react.useEffect(() => {
+    emitter.emit(result.isFetching ? "loading" : "loaded");
+  }, [result.isFetching, emitter]);
+  return /* @__PURE__ */ jsxRuntime.jsx(components.Table, { className, columns: processedColumns, dataSource: result.data?.items, loading: result.isFetching, pagination: paginationProps, rowSelection: selection, style, virtual, footer: summary ? (data) => /* @__PURE__ */ jsxRuntime.jsx(tableSummary.TableSummary, { data, summary }) : void 0, rowKey: rowKey ? (row) => {
+    if (shared.isString(rowKey)) {
+      return shared.get(row, rowKey);
+    }
+    return rowKey(row);
+  } : void 0, title: title ? (data) => /* @__PURE__ */ jsxRuntime.jsx(tableTitle.TableTitle, { data, title }) : void 0, onChange: (pagination) => {
+    setPaginationParams({
+      page: pagination.current,
+      size: pagination.pageSize
+    });
+  } });
+}
+function NonPaginatedTable({
+  className,
+  style,
+  queryFn,
+  columns,
+  rowKey,
+  rowSelection,
+  queryEnabled,
+  queryParams,
+  showSequenceColumn,
+  operationColumn,
+  selectedRowKeys,
+  virtual,
+  title,
+  summary,
+  onSelectedRowKeysChange
+}) {
+  const processedColumns = useTableColumns.useTableColumns(columns, operationColumn, showSequenceColumn);
+  const sort = store.useProTableStore((state) => state.sort);
+  const result = core.useQuery({
+    queryFn,
+    queryKey: [queryFn.key, {
+      ...queryParams,
+      [symbols.SYMBOL_SORT]: sort
+    }],
+    enabled: !shared.isFunction(queryEnabled) || queryEnabled(queryParams)
+  });
+  const selection = useRowSelection.useRowSelection(rowSelection, selectedRowKeys, onSelectedRowKeysChange);
+  const emitter = store.useProTableStore((state) => state.eventEmitter);
+  hooks.useEmitterEvent(emitter, "refetch", () => {
+    result.refetch();
+  });
+  react.useEffect(() => {
+    emitter.emit(result.isFetching ? "loading" : "loaded");
+  }, [result.isFetching, emitter]);
+  return /* @__PURE__ */ jsxRuntime.jsx(components.Table, { className, columns: processedColumns, dataSource: result.data, loading: result.isFetching, pagination: false, rowSelection: selection, style, virtual, footer: summary ? (data) => /* @__PURE__ */ jsxRuntime.jsx(tableSummary.TableSummary, { data, summary }) : void 0, rowKey: rowKey ? (row) => {
+    if (shared.isString(rowKey)) {
+      return shared.get(row, rowKey);
+    }
+    return rowKey(row);
+  } : void 0, title: title ? (data) => /* @__PURE__ */ jsxRuntime.jsx(tableTitle.TableTitle, { data, title }) : void 0 });
+}
+
+exports.NonPaginatedTable = NonPaginatedTable;
+exports.PaginatedTable = PaginatedTable;

package/dist/cjs/components/pro-table/context.cjs

@@ -0,0 +1,15 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+const DataContext = react.createContext([]);
+const DataProvider = DataContext.Provider;
+function useData() {
+  return react.use(DataContext);
+}
+
+exports.DataProvider = DataProvider;
+exports.useData = useData;

package/dist/cjs/components/pro-table/event.cjs

@@ -0,0 +1,12 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const shared = require('@vef-framework/shared');
+
+function createEventEmitter() {
+  return shared.createEventEmitter();
+}
+
+exports.createEventEmitter = createEventEmitter;

package/dist/cjs/components/pro-table/hooks/index.cjs

@@ -0,0 +1,12 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const useRowSelection = require('./use-row-selection.cjs');
+const useTableColumns = require('./use-table-columns.cjs');
+
+
+
+exports.useRowSelection = useRowSelection.useRowSelection;
+exports.useTableColumns = useTableColumns.useTableColumns;

package/dist/cjs/components/pro-table/hooks/use-row-selection.cjs

@@ -0,0 +1,43 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+function useRowSelection(config, selectedRowKeys, onSelectedRowKeysChange) {
+  const rowSelection = react.useMemo(() => {
+    if (!config) {
+      return;
+    }
+    const actualConfig = config === true ? {} : config;
+    const {
+      rowSelectDisabled,
+      checkStrictly,
+      hideSelectAll,
+      preserveSelectedRowKeys,
+      defaultSelectedRowKeys
+    } = actualConfig;
+    return {
+      align: "center",
+      columnWidth: 40,
+      defaultSelectedRowKeys,
+      fixed: "left",
+      getCheckboxProps: rowSelectDisabled ? (row) => {
+        return {
+          disabled: rowSelectDisabled(row)
+        };
+      } : void 0,
+      checkStrictly,
+      hideSelectAll,
+      preserveSelectedRowKeys,
+      selectedRowKeys,
+      onChange(selectedRowKeys2, selectedRows) {
+        onSelectedRowKeysChange?.(selectedRowKeys2, selectedRows);
+      }
+    };
+  }, [selectedRowKeys, onSelectedRowKeysChange, config]);
+  return rowSelection;
+}
+
+exports.useRowSelection = useRowSelection;

package/dist/cjs/components/pro-table/hooks/use-table-columns.cjs

@@ -0,0 +1,60 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const hooks = require('@vef-framework/hooks');
+const shared = require('@vef-framework/shared');
+const react = require('react');
+const store = require('../store.cjs');
+
+function useTableColumns(tableColumns, operationColumn, showSequenceColumn = true) {
+  const checkPermission = hooks.useCheckPermission();
+  const paginationParams = store.useProTableStore((state) => state.paginationParams);
+  return react.useMemo(() => {
+    const columns = showSequenceColumn ? [{
+      title: "序号",
+      width: 60,
+      align: "center",
+      fixed: "left",
+      key: "__sequence",
+      render(_value, _row, index) {
+        const page = paginationParams?.page;
+        const size = paginationParams?.size;
+        if (page && size) {
+          return (page - 1) * size + index + 1;
+        }
+        return index + 1;
+      }
+    }, ...tableColumns] : [...tableColumns];
+    if (!operationColumn) {
+      return columns;
+    }
+    const {
+      title,
+      width,
+      permTokens,
+      render
+    } = operationColumn;
+    if (permTokens) {
+      const isOperationColumnVisible = checkPermission(permTokens, "any");
+      if (!isOperationColumnVisible) {
+        return columns;
+      }
+    }
+    columns.push({
+      title: title || "操作",
+      width,
+      align: "center",
+      fixed: "right",
+      key: "__operations",
+      shouldCellUpdate: (current, prev) => !shared.isDeepEqual(current, prev),
+      render(_value, row, index) {
+        return render(row, index);
+      }
+    });
+    return columns;
+  }, [tableColumns, operationColumn, checkPermission, showSequenceColumn, paginationParams.page, paginationParams.size]);
+}
+
+exports.useTableColumns = useTableColumns;

package/dist/cjs/components/pro-table/index.cjs

@@ -0,0 +1,53 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+require('@emotion/react');
+const components = require('@vef-framework/components');
+const react = require('react');
+require('./components/index.cjs');
+const store = require('./store.cjs');
+const ref = require('./components/ref.cjs');
+const table = require('./components/table.cjs');
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const containerStyle = process.env.NODE_ENV === "production" ? {
+  name: "13udsys",
+  styles: "height:100%"
+} : {
+  name: "13udsys",
+  styles: "height:100%/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL3Byby10YWJsZS9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY3VCIiwiZmlsZSI6Ii9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL3Byby10YWJsZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFByb3BzV2l0aFJlZiB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9jb21wb25lbnRzXCI7XG5pbXBvcnQgdHlwZSB7IEF3YWl0YWJsZSB9IGZyb20gXCJAdmVmLWZyYW1ld29yay9zaGFyZWRcIjtcbmltcG9ydCB0eXBlIHsgRkMsIFJlYWN0Tm9kZSB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgdHlwZSB7IFByb1RhYmxlUHJvcHMgfSBmcm9tIFwiLi9wcm9wc1wiO1xuaW1wb3J0IHR5cGUgeyBQcm9UYWJsZVJlZiB9IGZyb20gXCIuL3R5cGVzXCI7XG5cbmltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgbWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuXG5pbXBvcnQgeyBOb25QYWdpbmF0ZWRUYWJsZSwgUGFnaW5hdGVkVGFibGUsIFByb1RhYmxlUmVmSG9sZGVyIH0gZnJvbSBcIi4vY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgUHJvVGFibGVTdG9yZVByb3ZpZGVyIH0gZnJvbSBcIi4vc3RvcmVcIjtcblxuY29uc3QgY29udGFpbmVyU3R5bGUgPSBjc3Moe1xuICBoZWlnaHQ6IFwiMTAwJVwiXG59KTtcblxuZXhwb3J0IGNvbnN0IFByb1RhYmxlID0gbWVtbyg8XG4gIFRSb3cgZXh0ZW5kcyBvYmplY3QsXG4gIFRQYXJhbXMgZXh0ZW5kcyBvYmplY3Rcbj4oe1xuICBjbGFzc05hbWUsXG4gIHN0eWxlLFxuICBjb2x1bW5zLFxuICByb3dLZXksXG4gIHJvd1NlbGVjdGlvbixcbiAgcXVlcnlFbmFibGVkLFxuICBxdWVyeVBhcmFtcyxcbiAgc2hvd1NlcXVlbmNlQ29sdW1uLFxuICBvcGVyYXRpb25Db2x1bW4sXG4gIHNlbGVjdGVkUm93S2V5cyxcbiAgdmlydHVhbCxcbiAgcmVmLFxuICBoZWFkZXIsXG4gIGZvb3RlcixcbiAgb25TZWxlY3RlZFJvd0tleXNDaGFuZ2UsXG4gIC4uLnJlc3RQcm9wc1xufTogUHJvcHNXaXRoUmVmPFByb1RhYmxlUmVmLCBQcm9UYWJsZVByb3BzPFRSb3csIFRQYXJhbXM+PikgPT4gKFxuICA8UHJvVGFibGVTdG9yZVByb3ZpZGVyPlxuICAgIDxQcm9UYWJsZVJlZkhvbGRlciByZWY9e3JlZn0gLz5cblxuICAgIDxTdGFjayBjc3M9e2NvbnRhaW5lclN0eWxlfSBnYXA9XCJtaWRkbGVcIj5cbiAgICAgIHtoZWFkZXJ9XG5cbiAgICAgIHtcbiAgICAgICAgcmVzdFByb3BzLmlzUGFnaW5hdGVkID09PSBmYWxzZVxuICAgICAgICAgID8gKFxuICAgICAgICAgICAgICA8Tm9uUGFnaW5hdGVkVGFibGVcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgICAgICAgICAgICBjb2x1bW5zPXtjb2x1bW5zfVxuICAgICAgICAgICAgICAgIG9wZXJhdGlvbkNvbHVtbj17b3BlcmF0aW9uQ29sdW1ufVxuICAgICAgICAgICAgICAgIHF1ZXJ5RW5hYmxlZD17cXVlcnlFbmFibGVkfVxuICAgICAgICAgICAgICAgIHF1ZXJ5Rm49e3Jlc3RQcm9wcy5xdWVyeUZufVxuICAgICAgICAgICAgICAgIHF1ZXJ5UGFyYW1zPXtxdWVyeVBhcmFtc31cbiAgICAgICAgICAgICAgICByb3dLZXk9e3Jvd0tleX1cbiAgICAgICAgICAgICAgICByb3dTZWxlY3Rpb249e3Jvd1NlbGVjdGlvbn1cbiAgICAgICAgICAgICAgICBzZWxlY3RlZFJvd0tleXM9e3NlbGVjdGVkUm93S2V5c31cbiAgICAgICAgICAgICAgICBzaG93U2VxdWVuY2VDb2x1bW49e3Nob3dTZXF1ZW5jZUNvbHVtbn1cbiAgICAgICAgICAgICAgICBzdHlsZT17c3R5bGV9XG4gICAgICAgICAgICAgICAgdmlydHVhbD17dmlydHVhbH1cbiAgICAgICAgICAgICAgICBvblNlbGVjdGVkUm93S2V5c0NoYW5nZT17b25TZWxlY3RlZFJvd0tleXNDaGFuZ2V9XG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApXG4gICAgICAgICAgOiAoXG4gICAgICAgICAgICAgIDxQYWdpbmF0ZWRUYWJsZVxuICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgICAgICAgICAgIGNvbHVtbnM9e2NvbHVtbnN9XG4gICAgICAgICAgICAgICAgb3BlcmF0aW9uQ29sdW1uPXtvcGVyYXRpb25Db2x1bW59XG4gICAgICAgICAgICAgICAgcXVlcnlFbmFibGVkPXtxdWVyeUVuYWJsZWR9XG4gICAgICAgICAgICAgICAgcXVlcnlGbj17cmVzdFByb3BzLnF1ZXJ5Rm59XG4gICAgICAgICAgICAgICAgcXVlcnlQYXJhbXM9e3F1ZXJ5UGFyYW1zfVxuICAgICAgICAgICAgICAgIHJvd0tleT17cm93S2V5fVxuICAgICAgICAgICAgICAgIHJvd1NlbGVjdGlvbj17cm93U2VsZWN0aW9ufVxuICAgICAgICAgICAgICAgIHNlbGVjdGVkUm93S2V5cz17c2VsZWN0ZWRSb3dLZXlzfVxuICAgICAgICAgICAgICAgIHNob3dTZXF1ZW5jZUNvbHVtbj17c2hvd1NlcXVlbmNlQ29sdW1ufVxuICAgICAgICAgICAgICAgIHN0eWxlPXtzdHlsZX1cbiAgICAgICAgICAgICAgICB2aXJ0dWFsPXt2aXJ0dWFsfVxuICAgICAgICAgICAgICAgIG9uU2VsZWN0ZWRSb3dLZXlzQ2hhbmdlPXtvblNlbGVjdGVkUm93S2V5c0NoYW5nZX1cbiAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIClcbiAgICAgIH1cblxuICAgICAge2Zvb3Rlcn1cbiAgICA8L1N0YWNrPlxuICA8L1Byb1RhYmxlU3RvcmVQcm92aWRlcj5cbikpIGFzICg8XG4gIFRSb3cgZXh0ZW5kcyBvYmplY3QsXG4gIFRQYXJhbXMgZXh0ZW5kcyBvYmplY3Rcbj4oXG4gIHByb3BzOiBQcm9UYWJsZVByb3BzPFRSb3csIFRQYXJhbXM+ICYge1xuICAgIHJlZj86IFJlYWN0LlJlZjxQcm9UYWJsZVJlZj47XG4gIH1cbikgPT4gQXdhaXRhYmxlPFJlYWN0Tm9kZT4pICYgUGljazxGQywgXCJkaXNwbGF5TmFtZVwiPjtcblByb1RhYmxlLmRpc3BsYXlOYW1lID0gXCJQcm9UYWJsZVwiO1xuXG5leHBvcnQge1xuICBPcGVyYXRpb25CdXR0b25Hcm91cCxcbiAgVGFibGVTdWJzY3JpYmVyIGFzIFByb1RhYmxlU3Vic2NyaWJlcixcbiAgdHlwZSBPcGVyYXRpb25CdXR0b25Hcm91cFByb3BzLFxuICB0eXBlIFRhYmxlU3Vic2NyaWJlclByb3BzIGFzIFByb1RhYmxlU3Vic2NyaWJlclByb3BzXG59IGZyb20gXCIuL2NvbXBvbmVudHNcIjtcbmV4cG9ydCB0eXBlIHtcbiAgUHJvVGFibGVQcm9wc1xufSBmcm9tIFwiLi9wcm9wc1wiO1xuZXhwb3J0IHR5cGUge1xuICBQcm9UYWJsZVN0YXRlXG59IGZyb20gXCIuL3N0b3JlXCI7XG5leHBvcnQgdHlwZSB7XG4gIE9wZXJhdGlvbkNvbHVtbkNvbmZpZyxcbiAgUGFyYW1zV2l0aFBhZ2luYXRpb24sXG4gIFBhcmFtc1dpdGhTb3J0LFxuICBQcm9UYWJsZVJlZixcbiAgUm93U2VsZWN0aW9uQ29uZmlnXG59IGZyb20gXCIuL3R5cGVzXCI7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const ProTable = react.memo(({
+  className,
+  style,
+  columns,
+  rowKey,
+  rowSelection,
+  queryEnabled,
+  queryParams,
+  showSequenceColumn,
+  operationColumn,
+  selectedRowKeys,
+  virtual,
+  ref: ref$1,
+  header,
+  footer,
+  onSelectedRowKeysChange,
+  ...restProps
+}) => /* @__PURE__ */ jsxRuntime.jsxs(store.ProTableStoreProvider, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(ref.ProTableRefHolder, { ref: ref$1 }),
+  /* @__PURE__ */ jsxRuntime.jsxs(components.Stack, { css: containerStyle, gap: "middle", children: [
+    header,
+    restProps.isPaginated === false ? /* @__PURE__ */ jsxRuntime.jsx(table.NonPaginatedTable, { className, columns, operationColumn, queryEnabled, queryFn: restProps.queryFn, queryParams, rowKey, rowSelection, selectedRowKeys, showSequenceColumn, style, virtual, onSelectedRowKeysChange }) : /* @__PURE__ */ jsxRuntime.jsx(table.PaginatedTable, { className, columns, operationColumn, queryEnabled, queryFn: restProps.queryFn, queryParams, rowKey, rowSelection, selectedRowKeys, showSequenceColumn, style, virtual, onSelectedRowKeysChange }),
+    footer
+  ] })
+] }));
+ProTable.displayName = "ProTable";
+
+exports.ProTable = ProTable;

package/dist/cjs/components/pro-table/store.cjs

@@ -0,0 +1,40 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const components = require('@vef-framework/components');
+const core = require('@vef-framework/core');
+const event = require('./event.cjs');
+
+const {
+  StoreProvider: ProTableStoreProvider,
+  useStore: useProTableStore,
+  useStoreApi: useProTableStoreApi
+} = core.createComponentStore("ProTable", (set, get) => {
+  return {
+    eventEmitter: event.createEventEmitter(),
+    paginationParams: {
+      page: 1,
+      size: components.pageSizeOptions[1]
+    },
+    setPaginationParams: (params) => {
+      set((state) => {
+        state.paginationParams = params;
+      });
+    },
+    sort: [],
+    setSort: (sort) => {
+      set((state) => {
+        state.sort = sort;
+      });
+    },
+    refetch: () => {
+      get().eventEmitter.emit("refetch");
+    }
+  };
+});
+
+exports.ProTableStoreProvider = ProTableStoreProvider;
+exports.useProTableStore = useProTableStore;
+exports.useProTableStoreApi = useProTableStoreApi;

package/dist/cjs/components/router-provider/context.cjs

@@ -0,0 +1,15 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+
+const Context = react.createContext(null);
+function useRouterContextHook() {
+  return react.use(Context);
+}
+const RouterContextHookProvider = Context.Provider;
+
+exports.RouterContextHookProvider = RouterContextHookProvider;
+exports.useRouterContextHook = useRouterContextHook;

package/dist/cjs/components/router-provider/index.cjs

@@ -0,0 +1,29 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const reactRouter = require('@tanstack/react-router');
+const context = require('./context.cjs');
+require('./props.cjs');
+
+function RouterProvider({
+  router
+}) {
+  const hook = context.useRouterContextHook();
+  if (!hook) {
+    return /* @__PURE__ */ jsxRuntime.jsx(reactRouter.RouterProvider, { router });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(RouterProviderWithContext, { router, useRouterContext: hook });
+}
+function RouterProviderWithContext({
+  useRouterContext,
+  router
+}) {
+  const context = useRouterContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(reactRouter.RouterProvider, { context, router });
+}
+
+exports.RouterContextHookProvider = context.RouterContextHookProvider;
+exports.RouterProvider = RouterProvider;

package/dist/cjs/components/router-provider/props.cjs

@@ -0,0 +1,3 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+

package/dist/cjs/components/theme-config-provider/global-style.cjs

@@ -0,0 +1,20 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+require('@emotion/react');
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const globalStyle = process.env.NODE_ENV === "production" ? {
+  name: "1edatjr",
+  styles: "html{&.color-scheme-transition{view-transition-name:root;&::view-transition-group(root){animation:none;mix-blend-mode:normal;}&::view-transition-old(root){z-index:2;}&::view-transition-new(root){z-index:1;}&.dark::view-transition-old(root){z-index:1;}&.dark::view-transition-new(root){z-index:2;}}}/* ::view-transition-group(sidebar) {\n    z-index: 2;\n  }\n  ::view-transition-group(main-content) {\n    z-index: 1;\n  }\n\n  ::view-transition-old(main-content) {\n    animation: page-slide-out 300ms cubic-bezier(0.2, 0, 0, 1) both;\n  }\n  ::view-transition-new(main-content) {\n    animation: page-slide-in 400ms cubic-bezier(0.2, 0, 0, 1) both;\n  }\n\n  @keyframes page-slide-in {\n    from {\n      transform: translateX(-100px);\n      opacity: 0;\n    }\n    to {\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  @keyframes page-slide-out {\n    from {\n      transform: translateX(0);\n      opacity: 1;\n    }\n    to {\n      transform: translateX(100px);\n      opacity: 0;\n    }\n  } */"
+} : {
+  name: "1edatjr",
+  styles: "html{&.color-scheme-transition{view-transition-name:root;&::view-transition-group(root){animation:none;mix-blend-mode:normal;}&::view-transition-old(root){z-index:2;}&::view-transition-new(root){z-index:1;}&.dark::view-transition-old(root){z-index:1;}&.dark::view-transition-new(root){z-index:2;}}}/* ::view-transition-group(sidebar) {\n    z-index: 2;\n  }\n  ::view-transition-group(main-content) {\n    z-index: 1;\n  }\n\n  ::view-transition-old(main-content) {\n    animation: page-slide-out 300ms cubic-bezier(0.2, 0, 0, 1) both;\n  }\n  ::view-transition-new(main-content) {\n    animation: page-slide-in 400ms cubic-bezier(0.2, 0, 0, 1) both;\n  }\n\n  @keyframes page-slide-in {\n    from {\n      transform: translateX(-100px);\n      opacity: 0;\n    }\n    to {\n      transform: translateX(0);\n      opacity: 1;\n    }\n  }\n\n  @keyframes page-slide-out {\n    from {\n      transform: translateX(0);\n      opacity: 1;\n    }\n    to {\n      transform: translateX(100px);\n      opacity: 0;\n    }\n  } *//*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy1wcm92aWRlci9nbG9iYWwtc3R5bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRThCIiwiZmlsZSI6Ii9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL3RoZW1lLWNvbmZpZy1wcm92aWRlci9nbG9iYWwtc3R5bGUudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcblxuZXhwb3J0IGNvbnN0IGdsb2JhbFN0eWxlID0gY3NzYFxuICBodG1sIHtcbiAgICAmLmNvbG9yLXNjaGVtZS10cmFuc2l0aW9uIHtcbiAgICAgIHZpZXctdHJhbnNpdGlvbi1uYW1lOiByb290O1xuXG4gICAgICAvKiAudmVmLWxheW91dC1zaWRlYmFyIHtcbiAgICAgICAgdmlldy10cmFuc2l0aW9uLW5hbWU6IG5vbmU7XG4gICAgICB9XG5cbiAgICAgIC52ZWYtbGF5b3V0LW1haW4tY29udGVudCB7XG4gICAgICAgIHZpZXctdHJhbnNpdGlvbi1uYW1lOiBub25lO1xuICAgICAgfSAqL1xuXG4gICAgICAmOjp2aWV3LXRyYW5zaXRpb24tZ3JvdXAocm9vdCkge1xuICAgICAgICBhbmltYXRpb246IG5vbmU7XG4gICAgICAgIG1peC1ibGVuZC1tb2RlOiBub3JtYWw7XG4gICAgICB9XG5cbiAgICAgICY6OnZpZXctdHJhbnNpdGlvbi1vbGQocm9vdCkge1xuICAgICAgICB6LWluZGV4OiAyO1xuICAgICAgfVxuICAgICAgJjo6dmlldy10cmFuc2l0aW9uLW5ldyhyb290KSB7XG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICB9XG5cbiAgICAgICYuZGFyazo6dmlldy10cmFuc2l0aW9uLW9sZChyb290KSB7XG4gICAgICAgIHotaW5kZXg6IDE7XG4gICAgICB9XG4gICAgICAmLmRhcms6OnZpZXctdHJhbnNpdGlvbi1uZXcocm9vdCkge1xuICAgICAgICB6LWluZGV4OiAyO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIC8qIDo6dmlldy10cmFuc2l0aW9uLWdyb3VwKHNpZGViYXIpIHtcbiAgICB6LWluZGV4OiAyO1xuICB9XG4gIDo6dmlldy10cmFuc2l0aW9uLWdyb3VwKG1haW4tY29udGVudCkge1xuICAgIHotaW5kZXg6IDE7XG4gIH1cblxuICA6OnZpZXctdHJhbnNpdGlvbi1vbGQobWFpbi1jb250ZW50KSB7XG4gICAgYW5pbWF0aW9uOiBwYWdlLXNsaWRlLW91dCAzMDBtcyBjdWJpYy1iZXppZXIoMC4yLCAwLCAwLCAxKSBib3RoO1xuICB9XG4gIDo6dmlldy10cmFuc2l0aW9uLW5ldyhtYWluLWNvbnRlbnQpIHtcbiAgICBhbmltYXRpb246IHBhZ2Utc2xpZGUtaW4gNDAwbXMgY3ViaWMtYmV6aWVyKDAuMiwgMCwgMCwgMSkgYm90aDtcbiAgfVxuXG4gIEBrZXlmcmFtZXMgcGFnZS1zbGlkZS1pbiB7XG4gICAgZnJvbSB7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMHB4KTtcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgfVxuICAgIHRvIHtcbiAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgICAgIG9wYWNpdHk6IDE7XG4gICAgfVxuICB9XG5cbiAgQGtleWZyYW1lcyBwYWdlLXNsaWRlLW91dCB7XG4gICAgZnJvbSB7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMCk7XG4gICAgICBvcGFjaXR5OiAxO1xuICAgIH1cbiAgICB0byB7XG4gICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwcHgpO1xuICAgICAgb3BhY2l0eTogMDtcbiAgICB9XG4gIH0gKi9cbmA7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+exports.globalStyle = globalStyle;

package/dist/cjs/components/theme-config-provider/index.cjs

@@ -0,0 +1,19 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('@emotion/react/jsx-runtime');
+const components = require('@vef-framework/components');
+const useColorModeEffect = require('./use-color-mode-effect.cjs');
+const useThemeConfig = require('./use-theme-config.cjs');
+
+function ThemeConfigProvider({
+  children
+}) {
+  const theme = useThemeConfig.useThemeConfig();
+  useColorModeEffect.useColorModeEffect();
+  return /* @__PURE__ */ jsxRuntime.jsx(components.ConfigProvider, { theme, children });
+}
+
+exports.ThemeConfigProvider = ThemeConfigProvider;

package/dist/cjs/components/theme-config-provider/use-color-mode-effect.cjs

@@ -0,0 +1,35 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react = require('react');
+require('../../stores/index.cjs');
+const theme = require('../../stores/theme.cjs');
+
+function useColorModeEffect() {
+  const isGrayscaleMode = theme.useThemeStore((state) => state.isGrayscaleMode);
+  const isColorBlindMode = theme.useThemeStore((state) => state.isColorBlindMode);
+  react.useEffect(() => {
+    const {
+      classList
+    } = document.documentElement;
+    if (isColorBlindMode) {
+      classList.add("color-blind-mode");
+    } else {
+      classList.remove("color-blind-mode");
+    }
+  }, [isColorBlindMode]);
+  react.useEffect(() => {
+    const {
+      classList
+    } = document.documentElement;
+    if (isGrayscaleMode) {
+      classList.add("grayscale-mode");
+    } else {
+      classList.remove("grayscale-mode");
+    }
+  }, [isGrayscaleMode]);
+}
+
+exports.useColorModeEffect = useColorModeEffect;

package/dist/cjs/components/theme-config-provider/use-theme-config.cjs

@@ -0,0 +1,73 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const core = require('@vef-framework/core');
+const react = require('react');
+require('../../stores/index.cjs');
+const globalStyle = require('./global-style.cjs');
+const theme = require('../../stores/theme.cjs');
+
+const prefersDarkModeQuery = "(prefers-color-scheme: dark)";
+function getSystemDarkMode() {
+  if (globalThis.window === void 0) {
+    return false;
+  }
+  return globalThis.matchMedia(prefersDarkModeQuery).matches;
+}
+function useThemeConfig() {
+  const colors = theme.useThemeStore(core.useShallow((state) => state.colors));
+  const colorScheme = theme.useThemeStore((state) => state.colorScheme);
+  const [isDark, setIsDark] = react.useState(() => {
+    if (colorScheme === "dark") {
+      return true;
+    }
+    if (colorScheme === "light") {
+      return false;
+    }
+    return getSystemDarkMode();
+  });
+  const isDarkMode = colorScheme === "dark" || colorScheme === "system" && isDark;
+  const theme$1 = react.useMemo(() => {
+    return {
+      isDarkMode,
+      colors,
+      globalStyle: globalStyle.globalStyle
+    };
+  }, [isDarkMode, colors]);
+  react.useEffect(() => {
+    if (typeof document === "undefined") {
+      return;
+    }
+    const {
+      classList
+    } = document.documentElement;
+    if (isDarkMode) {
+      classList.add("dark");
+    } else {
+      classList.remove("dark");
+    }
+  }, [isDarkMode]);
+  react.useEffect(() => {
+    if (globalThis.window === void 0) {
+      return;
+    }
+    if (colorScheme === "system") {
+      const query = globalThis.matchMedia(prefersDarkModeQuery);
+      setIsDark(query.matches);
+      const handler = (event) => {
+        setIsDark(event.matches);
+      };
+      query.addEventListener("change", handler);
+      return () => {
+        query.removeEventListener("change", handler);
+      };
+    } else {
+      setIsDark(colorScheme === "dark");
+    }
+  }, [colorScheme]);
+  return theme$1;
+}
+
+exports.useThemeConfig = useThemeConfig;

package/dist/cjs/constants/event.cjs

@@ -0,0 +1,8 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const RELOAD_PAGE_EVENT = "__vef_reload_page_event";
+
+exports.RELOAD_PAGE_EVENT = RELOAD_PAGE_EVENT;

package/dist/cjs/constants/index.cjs

@@ -0,0 +1,23 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const event = require('./event.cjs');
+const router = require('./router.cjs');
+const storage = require('./storage.cjs');
+const symbols = require('./symbols.cjs');
+
+
+
+exports.RELOAD_PAGE_EVENT = event.RELOAD_PAGE_EVENT;
+exports.ACCESS_DENIED_ROUTE_ID = router.ACCESS_DENIED_ROUTE_ID;
+exports.ACCESS_DENIED_ROUTE_PATH = router.ACCESS_DENIED_ROUTE_PATH;
+exports.INDEX_ROUTE_ID = router.INDEX_ROUTE_ID;
+exports.INDEX_ROUTE_PATH = router.INDEX_ROUTE_PATH;
+exports.LOGIN_ROUTE_ID = router.LOGIN_ROUTE_ID;
+exports.LOGIN_ROUTE_PATH = router.LOGIN_ROUTE_PATH;
+exports.STORAGE_KEY_PREFIX_STORE = storage.STORAGE_KEY_PREFIX_STORE;
+exports.STORAGE_KEY_SUFFIX_STORE = storage.STORAGE_KEY_SUFFIX_STORE;
+exports.SYMBOL_PAGINATION = symbols.SYMBOL_PAGINATION;
+exports.SYMBOL_SORT = symbols.SYMBOL_SORT;

package/dist/cjs/constants/router.cjs

@@ -0,0 +1,18 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const LOGIN_ROUTE_PATH = "/login";
+const LOGIN_ROUTE_ID = "/_common/login";
+const INDEX_ROUTE_PATH = "/";
+const INDEX_ROUTE_ID = "/_layout";
+const ACCESS_DENIED_ROUTE_PATH = "/access-denied";
+const ACCESS_DENIED_ROUTE_ID = "/_common/access-denied";
+
+exports.ACCESS_DENIED_ROUTE_ID = ACCESS_DENIED_ROUTE_ID;
+exports.ACCESS_DENIED_ROUTE_PATH = ACCESS_DENIED_ROUTE_PATH;
+exports.INDEX_ROUTE_ID = INDEX_ROUTE_ID;
+exports.INDEX_ROUTE_PATH = INDEX_ROUTE_PATH;
+exports.LOGIN_ROUTE_ID = LOGIN_ROUTE_ID;
+exports.LOGIN_ROUTE_PATH = LOGIN_ROUTE_PATH;

package/dist/cjs/constants/storage.cjs

@@ -0,0 +1,10 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const STORAGE_KEY_PREFIX_STORE = "__VEF_STORE__";
+const STORAGE_KEY_SUFFIX_STORE = "__";
+
+exports.STORAGE_KEY_PREFIX_STORE = STORAGE_KEY_PREFIX_STORE;
+exports.STORAGE_KEY_SUFFIX_STORE = STORAGE_KEY_SUFFIX_STORE;

package/dist/cjs/constants/symbols.cjs

@@ -0,0 +1,10 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.669Z */
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const SYMBOL_PAGINATION = Symbol.for("__vef_pagination");
+const SYMBOL_SORT = Symbol.for("__vef_sort");
+
+exports.SYMBOL_PAGINATION = SYMBOL_PAGINATION;
+exports.SYMBOL_SORT = SYMBOL_SORT;