@vef-framework/starter 1.0.134 → 2.0.1

package/dist/es/components/pro-search/components/search-actions.js

@@ -0,0 +1,32 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
+import { Icon, useFormContext } from '@vef-framework/components';
+import { SearchIcon } from 'lucide-react';
+import { memo } from 'react';
+
+const defaultSearchButtonProps = {
+  children: "搜索",
+  color: "primary",
+  icon: /* @__PURE__ */ jsx(Icon, { component: SearchIcon }),
+  variant: "outlined"
+};
+const defaultResetButtonProps = {
+  children: "重置"
+};
+const SearchActions = memo(({
+  loading,
+  searchButtonProps = defaultSearchButtonProps,
+  resetButtonProps = defaultResetButtonProps,
+  onReset
+}) => {
+  const {
+    ResetButton,
+    SubmitButton
+  } = useFormContext();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    resetButtonProps && /* @__PURE__ */ jsx(ResetButton, { ...resetButtonProps, onReset }),
+    /* @__PURE__ */ jsx(SubmitButton, { ...searchButtonProps, loading })
+  ] });
+});
+
+export { SearchActions };

package/dist/es/components/pro-search/index.js

@@ -0,0 +1,66 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import { useForm } from '@vef-framework/components';
+import { memo, useState } from 'react';
+import './components/index.js';
+import { contentLeft, contentRight, content } from './styles.js';
+import { AdvancedSearchToggler } from './components/advanced-search-toggler.js';
+import { SearchActions } from './components/search-actions.js';
+import { AdvancedSearch } from './components/advanced-search.js';
+
+const ProSearch = memo(({
+  className,
+  defaultValues,
+  extra,
+  basicSearch,
+  advancedSearch,
+  disabled,
+  loading,
+  searchButtonProps,
+  resetButtonProps,
+  onSearch,
+  onReset,
+  defaultAdvancedSearchVisible = false,
+  advancedSearchVisible: controlledVisible,
+  onAdvancedSearchVisibleChange
+}) => {
+  const [uncontrolledVisible, setUncontrolledVisible] = useState(defaultAdvancedSearchVisible);
+  const isControlled = controlledVisible !== void 0;
+  const isAdvancedSearchVisible = isControlled ? controlledVisible : uncontrolledVisible;
+  const handleVisibleChange = (visible) => {
+    if (!isControlled) {
+      setUncontrolledVisible(visible);
+    }
+    onAdvancedSearchVisibleChange?.(visible);
+  };
+  const form = useForm({
+    defaultValues,
+    onSubmit: ({
+      value
+    }) => {
+      onSearch?.(value);
+    }
+  });
+  const {
+    Form
+  } = form;
+  const handleReset = () => {
+    setTimeout(() => {
+      onReset?.(defaultValues);
+    }, 0);
+  };
+  return /* @__PURE__ */ jsxs(Form, { className, disabled: disabled || loading, children: [
+    /* @__PURE__ */ jsxs("div", { css: content, children: [
+      /* @__PURE__ */ jsx("div", { css: contentLeft, children: extra }),
+      /* @__PURE__ */ jsxs("div", { css: contentRight, children: [
+        advancedSearch && /* @__PURE__ */ jsx(AdvancedSearchToggler, { isVisible: isAdvancedSearchVisible, onToggle: () => handleVisibleChange(!isAdvancedSearchVisible) }),
+        basicSearch,
+        (basicSearch || advancedSearch) && /* @__PURE__ */ jsx(SearchActions, { loading, resetButtonProps, searchButtonProps, onReset: handleReset })
+      ] })
+    ] }),
+    advancedSearch && /* @__PURE__ */ jsx(AdvancedSearch, { isVisible: isAdvancedSearchVisible, children: advancedSearch })
+  ] });
+});
+ProSearch.displayName = "ProSearch";
+
+export { ProSearch };

package/dist/es/components/pro-search/styles.js

@@ -0,0 +1,57 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { css } from '@emotion/react';
+import { breakpoints, globalCssVars } from '@vef-framework/components';
+
+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 content = /* @__PURE__ */ css({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "space-between",
+  gap: globalCssVars.spacingMd,
+  [`@media (max-width: ${breakpoints.sm})`]: {
+    flexDirection: "column",
+    alignItems: "flex-start"
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL3Byby1zZWFyY2gvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUd1QiIsImZpbGUiOiIvVXNlcnMvdmVudXMvVkVGL3ZlZi1mcmFtZXdvcmstcmVhY3QvcGFja2FnZXMvc3RhcnRlci9zcmMvY29tcG9uZW50cy9wcm8tc2VhcmNoL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGdsb2JhbENzc1ZhcnMgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuXG5leHBvcnQgY29uc3QgY29udGVudCA9IGNzcyh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gIGdhcDogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nTWQsXG4gIFtgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMuc219KWBdOiB7XG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIlxuICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IGNvbnRlbnRMZWZ0ID0gY3NzKHtcbiAgZmxleDogXCJub25lXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBnYXA6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1NtLFxuICBmbGV4V3JhcDogXCJ3cmFwXCJcbn0pO1xuXG5leHBvcnQgY29uc3QgY29udGVudFJpZ2h0ID0gY3NzKHtcbiAgZmxleDogXCJub25lXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LWVuZFwiLFxuICBnYXA6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1NtLFxuICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gIFwiJiYgOndoZXJlKC52ZWYtaW5wdXQpXCI6IHtcbiAgICB3aWR0aDogXCIyMDBweFwiXG4gIH0sXG4gIFwiJiYgOndoZXJlKC52ZWYtc2VsZWN0KVwiOiB7XG4gICAgd2lkdGg6IFwiMjAwcHhcIlxuICB9LFxuICBcIiYmIDp3aGVyZSgudmVmLXRyZWUtc2VsZWN0KVwiOiB7XG4gICAgd2lkdGg6IFwiMjAwcHhcIlxuICB9LFxuICBcIiYmIDp3aGVyZSgudmVmLXBpY2tlci52ZWYtcGlja2VyLXJhbmdlKVwiOiB7XG4gICAgd2lkdGg6IFwiMzYwcHhcIlxuICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IGFkdmFuY2VkU2VhcmNoVG9nZ2xlciA9IGNzcyh7XG4gIFwiJi52ZWYtYnRuXCI6IHtcbiAgICBcIi0tdmVmLWJ1dHRvbi1pY29uLWdhcFwiOiBcIjJweFwiLFxuICAgIFwiLS12ZWYtYnV0dG9uLXBhZGRpbmctaW5saW5lXCI6IDBcbiAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBhZHZhbmNlZFNlYXJjaCA9IGNzcyh7XG4gIHBhZGRpbmdCbG9ja1N0YXJ0OiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdNZFxufSk7XG4iXX0= */");
+const contentLeft = /* @__PURE__ */ css({
+  flex: "none",
+  display: "flex",
+  alignItems: "center",
+  gap: globalCssVars.spacingSm,
+  flexWrap: "wrap"
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL3Byby1zZWFyY2gvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWMyQiIsImZpbGUiOiIvVXNlcnMvdmVudXMvVkVGL3ZlZi1mcmFtZXdvcmstcmVhY3QvcGFja2FnZXMvc3RhcnRlci9zcmMvY29tcG9uZW50cy9wcm8tc2VhcmNoL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgYnJlYWtwb2ludHMsIGdsb2JhbENzc1ZhcnMgfSBmcm9tIFwiQHZlZi1mcmFtZXdvcmsvY29tcG9uZW50c1wiO1xuXG5leHBvcnQgY29uc3QgY29udGVudCA9IGNzcyh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJzcGFjZS1iZXR3ZWVuXCIsXG4gIGdhcDogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nTWQsXG4gIFtgQG1lZGlhIChtYXgtd2lkdGg6ICR7YnJlYWtwb2ludHMuc219KWBdOiB7XG4gICAgZmxleERpcmVjdGlvbjogXCJjb2x1bW5cIixcbiAgICBhbGlnbkl0ZW1zOiBcImZsZXgtc3RhcnRcIlxuICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IGNvbnRlbnRMZWZ0ID0gY3NzKHtcbiAgZmxleDogXCJub25lXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBnYXA6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1NtLFxuICBmbGV4V3JhcDogXCJ3cmFwXCJcbn0pO1xuXG5leHBvcnQgY29uc3QgY29udGVudFJpZ2h0ID0gY3NzKHtcbiAgZmxleDogXCJub25lXCIsXG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBhbGlnbkl0ZW1zOiBcImNlbnRlclwiLFxuICBqdXN0aWZ5Q29udGVudDogXCJmbGV4LWVuZFwiLFxuICBnYXA6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ1NtLFxuICBmbGV4V3JhcDogXCJ3cmFwXCIsXG4gIFwiJiYgOndoZXJlKC52ZWYtaW5wdXQpXCI6IHtcbiAgICB3aWR0aDogXCIyMDBweFwiXG4gIH0sXG4gIFwiJiYgOndoZXJlKC52ZWYtc2VsZWN0KVwiOiB7XG4gICAgd2lkdGg6IFwiMjAwcHhcIlxuICB9LFxuICBcIiYmIDp3aGVyZSgudmVmLXRyZWUtc2VsZWN0KVwiOiB7XG4gICAgd2lkdGg6IFwiMjAwcHhcIlxuICB9LFxuICBcIiYmIDp3aGVyZSgudmVmLXBpY2tlci52ZWYtcGlja2VyLXJhbmdlKVwiOiB7XG4gICAgd2lkdGg6IFwiMzYwcHhcIlxuICB9XG59KTtcblxuZXhwb3J0IGNvbnN0IGFkdmFuY2VkU2VhcmNoVG9nZ2xlciA9IGNzcyh7XG4gIFwiJi52ZWYtYnRuXCI6IHtcbiAgICBcIi0tdmVmLWJ1dHRvbi1pY29uLWdhcFwiOiBcIjJweFwiLFxuICAgIFwiLS12ZWYtYnV0dG9uLXBhZGRpbmctaW5saW5lXCI6IDBcbiAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBhZHZhbmNlZFNlYXJjaCA9IGNzcyh7XG4gIHBhZGRpbmdCbG9ja1N0YXJ0OiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdNZFxufSk7XG4iXX0= */");
+const contentRight = /* @__PURE__ */ css({
+  flex: "none",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "flex-end",
+  gap: globalCssVars.spacingSm,
+  flexWrap: "wrap",
+  "&& :where(.vef-input)": {
+    width: "200px"
+  },
+  "&& :where(.vef-select)": {
+    width: "200px"
+  },
+  "&& :where(.vef-tree-select)": {
+    width: "200px"
+  },
+  "&& :where(.vef-picker.vef-picker-range)": {
+    width: "360px"
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL3Byby1zZWFyY2gvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNCNEIiLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL3N0YXJ0ZXIvc3JjL2NvbXBvbmVudHMvcHJvLXNlYXJjaC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBnbG9iYWxDc3NWYXJzIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2NvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IGNvbnRlbnQgPSBjc3Moe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICBnYXA6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ01kLFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLnNtfSlgXToge1xuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCJcbiAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBjb250ZW50TGVmdCA9IGNzcyh7XG4gIGZsZXg6IFwibm9uZVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZ2FwOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdTbSxcbiAgZmxleFdyYXA6IFwid3JhcFwiXG59KTtcblxuZXhwb3J0IGNvbnN0IGNvbnRlbnRSaWdodCA9IGNzcyh7XG4gIGZsZXg6IFwibm9uZVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgZ2FwOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdTbSxcbiAgZmxleFdyYXA6IFwid3JhcFwiLFxuICBcIiYmIDp3aGVyZSgudmVmLWlucHV0KVwiOiB7XG4gICAgd2lkdGg6IFwiMjAwcHhcIlxuICB9LFxuICBcIiYmIDp3aGVyZSgudmVmLXNlbGVjdClcIjoge1xuICAgIHdpZHRoOiBcIjIwMHB4XCJcbiAgfSxcbiAgXCImJiA6d2hlcmUoLnZlZi10cmVlLXNlbGVjdClcIjoge1xuICAgIHdpZHRoOiBcIjIwMHB4XCJcbiAgfSxcbiAgXCImJiA6d2hlcmUoLnZlZi1waWNrZXIudmVmLXBpY2tlci1yYW5nZSlcIjoge1xuICAgIHdpZHRoOiBcIjM2MHB4XCJcbiAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBhZHZhbmNlZFNlYXJjaFRvZ2dsZXIgPSBjc3Moe1xuICBcIiYudmVmLWJ0blwiOiB7XG4gICAgXCItLXZlZi1idXR0b24taWNvbi1nYXBcIjogXCIycHhcIixcbiAgICBcIi0tdmVmLWJ1dHRvbi1wYWRkaW5nLWlubGluZVwiOiAwXG4gIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgYWR2YW5jZWRTZWFyY2ggPSBjc3Moe1xuICBwYWRkaW5nQmxvY2tTdGFydDogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nTWRcbn0pO1xuIl19 */");
+const advancedSearchToggler = process.env.NODE_ENV === "production" ? {
+  name: "1kb46i8",
+  styles: "&.vef-btn{--vef-button-icon-gap:2px;--vef-button-padding-inline:0;}"
+} : {
+  name: "1kb46i8",
+  styles: "&.vef-btn{--vef-button-icon-gap:2px;--vef-button-padding-inline:0;}/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL3Byby1zZWFyY2gvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJDcUMiLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL3N0YXJ0ZXIvc3JjL2NvbXBvbmVudHMvcHJvLXNlYXJjaC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBnbG9iYWxDc3NWYXJzIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2NvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IGNvbnRlbnQgPSBjc3Moe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICBnYXA6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ01kLFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLnNtfSlgXToge1xuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCJcbiAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBjb250ZW50TGVmdCA9IGNzcyh7XG4gIGZsZXg6IFwibm9uZVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZ2FwOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdTbSxcbiAgZmxleFdyYXA6IFwid3JhcFwiXG59KTtcblxuZXhwb3J0IGNvbnN0IGNvbnRlbnRSaWdodCA9IGNzcyh7XG4gIGZsZXg6IFwibm9uZVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgZ2FwOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdTbSxcbiAgZmxleFdyYXA6IFwid3JhcFwiLFxuICBcIiYmIDp3aGVyZSgudmVmLWlucHV0KVwiOiB7XG4gICAgd2lkdGg6IFwiMjAwcHhcIlxuICB9LFxuICBcIiYmIDp3aGVyZSgudmVmLXNlbGVjdClcIjoge1xuICAgIHdpZHRoOiBcIjIwMHB4XCJcbiAgfSxcbiAgXCImJiA6d2hlcmUoLnZlZi10cmVlLXNlbGVjdClcIjoge1xuICAgIHdpZHRoOiBcIjIwMHB4XCJcbiAgfSxcbiAgXCImJiA6d2hlcmUoLnZlZi1waWNrZXIudmVmLXBpY2tlci1yYW5nZSlcIjoge1xuICAgIHdpZHRoOiBcIjM2MHB4XCJcbiAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBhZHZhbmNlZFNlYXJjaFRvZ2dsZXIgPSBjc3Moe1xuICBcIiYudmVmLWJ0blwiOiB7XG4gICAgXCItLXZlZi1idXR0b24taWNvbi1nYXBcIjogXCIycHhcIixcbiAgICBcIi0tdmVmLWJ1dHRvbi1wYWRkaW5nLWlubGluZVwiOiAwXG4gIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgYWR2YW5jZWRTZWFyY2ggPSBjc3Moe1xuICBwYWRkaW5nQmxvY2tTdGFydDogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nTWRcbn0pO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+const advancedSearch = /* @__PURE__ */ css({
+  paddingBlockStart: globalCssVars.spacingMd
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy92ZW51cy9WRUYvdmVmLWZyYW1ld29yay1yZWFjdC9wYWNrYWdlcy9zdGFydGVyL3NyYy9jb21wb25lbnRzL3Byby1zZWFyY2gvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtEOEIiLCJmaWxlIjoiL1VzZXJzL3ZlbnVzL1ZFRi92ZWYtZnJhbWV3b3JrLXJlYWN0L3BhY2thZ2VzL3N0YXJ0ZXIvc3JjL2NvbXBvbmVudHMvcHJvLXNlYXJjaC9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGJyZWFrcG9pbnRzLCBnbG9iYWxDc3NWYXJzIH0gZnJvbSBcIkB2ZWYtZnJhbWV3b3JrL2NvbXBvbmVudHNcIjtcblxuZXhwb3J0IGNvbnN0IGNvbnRlbnQgPSBjc3Moe1xuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwic3BhY2UtYmV0d2VlblwiLFxuICBnYXA6IGdsb2JhbENzc1ZhcnMuc3BhY2luZ01kLFxuICBbYEBtZWRpYSAobWF4LXdpZHRoOiAke2JyZWFrcG9pbnRzLnNtfSlgXToge1xuICAgIGZsZXhEaXJlY3Rpb246IFwiY29sdW1uXCIsXG4gICAgYWxpZ25JdGVtczogXCJmbGV4LXN0YXJ0XCJcbiAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBjb250ZW50TGVmdCA9IGNzcyh7XG4gIGZsZXg6IFwibm9uZVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAgZ2FwOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdTbSxcbiAgZmxleFdyYXA6IFwid3JhcFwiXG59KTtcblxuZXhwb3J0IGNvbnN0IGNvbnRlbnRSaWdodCA9IGNzcyh7XG4gIGZsZXg6IFwibm9uZVwiLFxuICBkaXNwbGF5OiBcImZsZXhcIixcbiAgYWxpZ25JdGVtczogXCJjZW50ZXJcIixcbiAganVzdGlmeUNvbnRlbnQ6IFwiZmxleC1lbmRcIixcbiAgZ2FwOiBnbG9iYWxDc3NWYXJzLnNwYWNpbmdTbSxcbiAgZmxleFdyYXA6IFwid3JhcFwiLFxuICBcIiYmIDp3aGVyZSgudmVmLWlucHV0KVwiOiB7XG4gICAgd2lkdGg6IFwiMjAwcHhcIlxuICB9LFxuICBcIiYmIDp3aGVyZSgudmVmLXNlbGVjdClcIjoge1xuICAgIHdpZHRoOiBcIjIwMHB4XCJcbiAgfSxcbiAgXCImJiA6d2hlcmUoLnZlZi10cmVlLXNlbGVjdClcIjoge1xuICAgIHdpZHRoOiBcIjIwMHB4XCJcbiAgfSxcbiAgXCImJiA6d2hlcmUoLnZlZi1waWNrZXIudmVmLXBpY2tlci1yYW5nZSlcIjoge1xuICAgIHdpZHRoOiBcIjM2MHB4XCJcbiAgfVxufSk7XG5cbmV4cG9ydCBjb25zdCBhZHZhbmNlZFNlYXJjaFRvZ2dsZXIgPSBjc3Moe1xuICBcIiYudmVmLWJ0blwiOiB7XG4gICAgXCItLXZlZi1idXR0b24taWNvbi1nYXBcIjogXCIycHhcIixcbiAgICBcIi0tdmVmLWJ1dHRvbi1wYWRkaW5nLWlubGluZVwiOiAwXG4gIH1cbn0pO1xuXG5leHBvcnQgY29uc3QgYWR2YW5jZWRTZWFyY2ggPSBjc3Moe1xuICBwYWRkaW5nQmxvY2tTdGFydDogZ2xvYmFsQ3NzVmFycy5zcGFjaW5nTWRcbn0pO1xuIl19 */");
+
+export { advancedSearch, advancedSearchToggler, content, contentLeft, contentRight };

package/dist/es/components/pro-table/components/index.js

@@ -0,0 +1,5 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+export { OperationButtonGroup } from './operation-button-group.js';
+export { ProTableRefHolder } from './ref.js';
+export { NonPaginatedTable, PaginatedTable } from './table.js';
+export { TableSubscriber } from './table-subscriber.js';

package/dist/es/components/pro-table/components/operation-button-group.js

@@ -0,0 +1,18 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { Group } from '@vef-framework/components';
+import { useShallow } from '@vef-framework/core';
+import { isFunction } from '@vef-framework/shared';
+import { memo } from 'react';
+import { useProTableStore } from '../store.js';
+
+const OperationButtonGroup = memo(({
+  selector,
+  children
+}) => {
+  const selected = useProTableStore(useShallow((state) => selector ? selector(state) : state));
+  return /* @__PURE__ */ jsx(Group, { justify: "center", children: isFunction(children) ? children(selected) : children });
+});
+OperationButtonGroup.displayName = "OperationButtonGroup";
+
+export { OperationButtonGroup };

package/dist/es/components/pro-table/components/ref.js

@@ -0,0 +1,20 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { useImperativeHandle } from 'react';
+import { useProTableStore } from '../store.js';
+
+function ProTableRefHolder({
+  ref
+}) {
+  const refetch = useProTableStore((state) => state.refetch);
+  const emitter = useProTableStore((state) => state.eventEmitter);
+  useImperativeHandle(ref, () => {
+    return {
+      refetch,
+      onLoading: (callback) => emitter.on("loading", callback),
+      onLoaded: (callback) => emitter.on("loaded", callback)
+    };
+  }, [emitter, refetch]);
+  return null;
+}
+
+export { ProTableRefHolder };

package/dist/es/components/pro-table/components/table-subscriber.js

@@ -0,0 +1,21 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { useShallow } from '@vef-framework/core';
+import { isFunction } from '@vef-framework/shared';
+import { memo } from 'react';
+import { useData } from '../context.js';
+import { useProTableStore } from '../store.js';
+
+const TableSubscriber = memo(({
+  selector,
+  children
+}) => {
+  const data = useData();
+  const selected = useProTableStore(useShallow((state) => selector ? selector({
+    ...state,
+    data
+  }) : state));
+  return isFunction(children) ? children(selected) : children;
+});
+TableSubscriber.displayName = "ProTableSubscriber";
+
+export { TableSubscriber };

package/dist/es/components/pro-table/components/table-summary.js

@@ -0,0 +1,11 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { memo } from 'react';
+import { DataProvider } from '../context.js';
+
+const TableSummary = memo(({
+  summary,
+  data
+}) => /* @__PURE__ */ jsx(DataProvider, { value: data, children: summary }));
+
+export { TableSummary };

package/dist/es/components/pro-table/components/table-title.js

@@ -0,0 +1,11 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { memo } from 'react';
+import { DataProvider } from '../context.js';
+
+const TableTitle = memo(({
+  title,
+  data
+}) => /* @__PURE__ */ jsx(DataProvider, { value: data, children: title }));
+
+export { TableTitle };

package/dist/es/components/pro-table/components/table.js

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

package/dist/es/components/pro-table/context.js

@@ -0,0 +1,10 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { createContext, use } from 'react';
+
+const DataContext = createContext([]);
+const DataProvider = DataContext.Provider;
+function useData() {
+  return use(DataContext);
+}
+
+export { DataProvider, useData };

package/dist/es/components/pro-table/event.js

@@ -0,0 +1,8 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { createEventEmitter as createEventEmitter$1 } from '@vef-framework/shared';
+
+function createEventEmitter() {
+  return createEventEmitter$1();
+}
+
+export { createEventEmitter };

package/dist/es/components/pro-table/hooks/index.js

@@ -0,0 +1,3 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+export { useRowSelection } from './use-row-selection.js';
+export { useTableColumns } from './use-table-columns.js';

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

@@ -0,0 +1,39 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { useMemo } from 'react';
+
+function useRowSelection(config, selectedRowKeys, onSelectedRowKeysChange) {
+  const rowSelection = 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;
+}
+
+export { useRowSelection };

package/dist/es/components/pro-table/hooks/use-table-columns.js

@@ -0,0 +1,56 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { useCheckPermission } from '@vef-framework/hooks';
+import { isDeepEqual } from '@vef-framework/shared';
+import { useMemo } from 'react';
+import { useProTableStore } from '../store.js';
+
+function useTableColumns(tableColumns, operationColumn, showSequenceColumn = true) {
+  const checkPermission = useCheckPermission();
+  const paginationParams = useProTableStore((state) => state.paginationParams);
+  return 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) => !isDeepEqual(current, prev),
+      render(_value, row, index) {
+        return render(row, index);
+      }
+    });
+    return columns;
+  }, [tableColumns, operationColumn, checkPermission, showSequenceColumn, paginationParams.page, paginationParams.size]);
+}
+
+export { useTableColumns };

package/dist/es/components/pro-table/index.js

@@ -0,0 +1,49 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
+import '@emotion/react';
+import { Stack } from '@vef-framework/components';
+import { memo } from 'react';
+import './components/index.js';
+import { ProTableStoreProvider } from './store.js';
+import { ProTableRefHolder } from './components/ref.js';
+import { NonPaginatedTable, PaginatedTable } from './components/table.js';
+
+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 = memo(({
+  className,
+  style,
+  columns,
+  rowKey,
+  rowSelection,
+  queryEnabled,
+  queryParams,
+  showSequenceColumn,
+  operationColumn,
+  selectedRowKeys,
+  virtual,
+  ref,
+  header,
+  footer,
+  onSelectedRowKeysChange,
+  ...restProps
+}) => /* @__PURE__ */ jsxs(ProTableStoreProvider, { children: [
+  /* @__PURE__ */ jsx(ProTableRefHolder, { ref }),
+  /* @__PURE__ */ jsxs(Stack, { css: containerStyle, gap: "middle", children: [
+    header,
+    restProps.isPaginated === false ? /* @__PURE__ */ jsx(NonPaginatedTable, { className, columns, operationColumn, queryEnabled, queryFn: restProps.queryFn, queryParams, rowKey, rowSelection, selectedRowKeys, showSequenceColumn, style, virtual, onSelectedRowKeysChange }) : /* @__PURE__ */ jsx(PaginatedTable, { className, columns, operationColumn, queryEnabled, queryFn: restProps.queryFn, queryParams, rowKey, rowSelection, selectedRowKeys, showSequenceColumn, style, virtual, onSelectedRowKeysChange }),
+    footer
+  ] })
+] }));
+ProTable.displayName = "ProTable";
+
+export { ProTable };

package/dist/es/components/pro-table/store.js

@@ -0,0 +1,34 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { pageSizeOptions } from '@vef-framework/components';
+import { createComponentStore } from '@vef-framework/core';
+import { createEventEmitter } from './event.js';
+
+const {
+  StoreProvider: ProTableStoreProvider,
+  useStore: useProTableStore,
+  useStoreApi: useProTableStoreApi
+} = createComponentStore("ProTable", (set, get) => {
+  return {
+    eventEmitter: createEventEmitter(),
+    paginationParams: {
+      page: 1,
+      size: pageSizeOptions[1]
+    },
+    setPaginationParams: (params) => {
+      set((state) => {
+        state.paginationParams = params;
+      });
+    },
+    sort: [],
+    setSort: (sort) => {
+      set((state) => {
+        state.sort = sort;
+      });
+    },
+    refetch: () => {
+      get().eventEmitter.emit("refetch");
+    }
+  };
+});
+
+export { ProTableStoreProvider, useProTableStore, useProTableStoreApi };

package/dist/es/components/router-provider/context.js

@@ -0,0 +1,10 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { createContext, use } from 'react';
+
+const Context = createContext(null);
+function useRouterContextHook() {
+  return use(Context);
+}
+const RouterContextHookProvider = Context.Provider;
+
+export { RouterContextHookProvider, useRouterContextHook };

package/dist/es/components/router-provider/index.js

@@ -0,0 +1,25 @@
+/*! @vef-framework/starter v2.0.0 made with ❤️ by Venus | 2025-11-25T10:06:38.668Z */
+import { jsx } from '@emotion/react/jsx-runtime';
+import { RouterProvider as RouterProvider$1 } from '@tanstack/react-router';
+import { useRouterContextHook } from './context.js';
+export { RouterContextHookProvider } from './context.js';
+import './props.js';
+
+function RouterProvider({
+  router
+}) {
+  const hook = useRouterContextHook();
+  if (!hook) {
+    return /* @__PURE__ */ jsx(RouterProvider$1, { router });
+  }
+  return /* @__PURE__ */ jsx(RouterProviderWithContext, { router, useRouterContext: hook });
+}
+function RouterProviderWithContext({
+  useRouterContext,
+  router
+}) {
+  const context = useRouterContext();
+  return /* @__PURE__ */ jsx(RouterProvider$1, { context, router });
+}
+
+export { RouterProvider };

package/dist/es/components/router-provider/props.js

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