@creekjs/web-components 1.0.2 → 1.0.4

package/dist/creek-layout/index.js

@@ -1,87 +1,123 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["route", "userConfig", "runtimeConfig", "children", "location", "navigate"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-import { ProLayout } from "@ant-design/pro-components";
-import { useMemoizedFn } from "ahooks";
-import { theme } from "antd";
-import classnames from "classnames";
-import { CollapsedButton, useCollapsedStore } from "./CollapseButton";
-import { Exception } from "./Exception";
-import { HeaderContent } from "./HeaderContent";
-import { jsx as _jsx } from "react/jsx-runtime";
-export var CreekLayout = function CreekLayout(props) {
-  var route = props.route,
-    userConfig = props.userConfig,
-    runtimeConfig = props.runtimeConfig,
-    children = props.children,
-    location = props.location,
-    navigate = props.navigate,
-    more = _objectWithoutProperties(props, _excluded);
-  var useToken = theme.useToken;
-  var _useToken = useToken(),
-    token = _useToken.token;
-  var _useCollapsedStore = useCollapsedStore(),
-    collapsed = _useCollapsedStore.collapsed;
-  var menuItemRender = useMemoizedFn(function (itemProps, defaultDom) {
-    return /*#__PURE__*/_jsx("span", {
-      onClick: function onClick() {
-        if (navigate) {
-          navigate(itemProps.path);
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/creek-layout/index.tsx
+var creek_layout_exports = {};
+__export(creek_layout_exports, {
+  CreekLayout: () => CreekLayout
+});
+module.exports = __toCommonJS(creek_layout_exports);
+var import_pro_components = require("@ant-design/pro-components");
+var import_ahooks = require("ahooks");
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_CollapseButton = require("./CollapseButton");
+var import_Exception = require("./Exception");
+var import_HeaderContent = require("./HeaderContent");
+__reExport(creek_layout_exports, require("./Exception"), module.exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var CreekLayout = (props) => {
+  const {
+    route,
+    userConfig,
+    runtimeConfig,
+    children,
+    location,
+    navigate,
+    ...more
+  } = props;
+  const { useToken } = import_antd.theme;
+  const { token } = useToken();
+  const { collapsed } = (0, import_CollapseButton.useCollapsedStore)();
+  const menuItemRender = (0, import_ahooks.useMemoizedFn)(
+    (itemProps, defaultDom) => {
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        "span",
+        {
+          onClick: () => {
+            if (navigate) {
+              navigate(itemProps.path);
+            }
+          },
+          children: defaultDom
         }
+      );
+    }
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_pro_components.ProLayout,
+    {
+      className: (0, import_classnames.default)("creek-layout-container", userConfig == null ? void 0 : userConfig.className),
+      layout: "mix",
+      route,
+      title: userConfig == null ? void 0 : userConfig.title,
+      siderWidth: 212,
+      location,
+      menuItemRender,
+      headerContentRender: () => {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_HeaderContent.HeaderContent, {});
       },
-      children: defaultDom
-    });
-  });
-  return /*#__PURE__*/_jsx(ProLayout, _objectSpread(_objectSpread({
-    className: classnames("creek-layout-container", userConfig === null || userConfig === void 0 ? void 0 : userConfig.className),
-    layout: "mix",
-    route: route,
-    title: userConfig === null || userConfig === void 0 ? void 0 : userConfig.title,
-    siderWidth: 212,
-    location: location,
-    menuItemRender: menuItemRender,
-    headerContentRender: function headerContentRender() {
-      return /*#__PURE__*/_jsx(HeaderContent, {});
-    },
-    token: {
-      header: {
-        colorBgHeader: "#fff",
-        colorHeaderTitle: "rgba(0, 0, 0, 0.80);",
-        colorTextMenuSelected: token.colorPrimary,
-        heightLayoutHeader: 48
+      token: {
+        header: {
+          colorBgHeader: "#fff",
+          colorHeaderTitle: "rgba(0, 0, 0, 0.80);",
+          colorTextMenuSelected: token.colorPrimary,
+          heightLayoutHeader: 48
+        },
+        sider: {
+          colorMenuBackground: "#f7f8fa",
+          colorBgMenuItemSelected: "transparent",
+          colorTextMenuActive: token.colorPrimary,
+          colorTextMenuSelected: token.colorPrimary,
+          colorTextMenuItemHover: token.colorPrimary,
+          colorTextMenu: "#333"
+        },
+        pageContainer: {
+          paddingBlockPageContainerContent: token.padding,
+          paddingInlinePageContainerContent: token.padding,
+          colorBgPageContainer: "linear-gradient(180deg, #F7F9FF 0%, #FFF 45.59%);"
+        }
       },
-      sider: {
-        colorMenuBackground: "#f7f8fa",
-        colorBgMenuItemSelected: "transparent",
-        colorTextMenuActive: token.colorPrimary,
-        colorTextMenuSelected: token.colorPrimary,
-        colorTextMenuItemHover: token.colorPrimary,
-        colorTextMenu: "#333"
+      fixSiderbar: true,
+      fixedHeader: true,
+      collapsed,
+      collapsedButtonRender: (collapsed2) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_CollapseButton.CollapsedButton, { collapsed: collapsed2 });
       },
-      pageContainer: {
-        paddingBlockPageContainerContent: 20,
-        paddingInlinePageContainerContent: 20,
-        colorBgPageContainer: 'linear-gradient(180deg, #F7F9FF 0%, #FFF 45.59%);'
-      }
-    },
-    fixSiderbar: true,
-    fixedHeader: true,
-    collapsed: collapsed,
-    collapsedButtonRender: function collapsedButtonRender(collapsed) {
-      return /*#__PURE__*/_jsx(CollapsedButton, {
-        collapsed: collapsed
-      });
+      ...more,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Exception.Exception, { children })
     }
-  }, more), {}, {
-    children: /*#__PURE__*/_jsx(Exception, {
-      children: children
-    })
-  }));
+  );
 };
-export * from "./Exception";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CreekLayout,
+  ...require("./Exception")
+});
+//# sourceMappingURL=index.js.map

package/dist/creek-layout/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/creek-layout/index.tsx"],
+  "sourcesContent": ["import { ProLayout, ProLayoutProps } from \"@ant-design/pro-components\";\nimport { useMemoizedFn } from \"ahooks\";\nimport { theme } from \"antd\";\nimport classnames from \"classnames\";\n\nimport { CollapsedButton, useCollapsedStore } from \"./CollapseButton\";\nimport { Exception } from \"./Exception\";\nimport { HeaderContent } from \"./HeaderContent\";\n\nexport type LayoutProps = ProLayoutProps & {\n  runtimeConfig: ProLayoutProps;\n  userConfig?: ProLayoutProps;\n  navigate?: (path?: string | number) => void;\n  initialInfo?: {\n    initialState: any;\n    loading: boolean;\n    setInitialState: () => void;\n  };\n};\n\nexport const CreekLayout = (props: LayoutProps) => {\n  const {\n    route,\n    userConfig,\n    runtimeConfig,\n    children,\n    location,\n    navigate,\n    ...more\n  } = props;\n\n  const { useToken } = theme;\n  const { token } = useToken();\n\n  const { collapsed } = useCollapsedStore();\n\n  const menuItemRender: ProLayoutProps[\"menuItemRender\"] = useMemoizedFn(\n    (itemProps, defaultDom) => {\n      return (\n        <span\n          onClick={() => {\n            if (navigate) {\n              navigate(itemProps.path);\n            }\n          }}\n        >\n          {defaultDom}\n        </span>\n      );\n    }\n  );\n\n  return (\n    <ProLayout\n      className={classnames(\"creek-layout-container\", userConfig?.className)}\n      layout=\"mix\"\n      route={route}\n      title={userConfig?.title}\n      siderWidth={212}\n      location={location}\n      menuItemRender={menuItemRender}\n      headerContentRender={() => {\n        return <HeaderContent />;\n      }}\n      token={{\n        header: {\n          colorBgHeader: \"#fff\",\n          colorHeaderTitle: \"rgba(0, 0, 0, 0.80);\",\n          colorTextMenuSelected: token.colorPrimary,\n          heightLayoutHeader: 48,\n        },\n        sider: {\n          colorMenuBackground: \"#f7f8fa\",\n          colorBgMenuItemSelected: \"transparent\",\n          colorTextMenuActive: token.colorPrimary,\n          colorTextMenuSelected: token.colorPrimary,\n          colorTextMenuItemHover: token.colorPrimary,\n          colorTextMenu: \"#333\",\n        },\n        pageContainer: {\n          paddingBlockPageContainerContent: token.padding,\n          paddingInlinePageContainerContent: token.padding,\n          colorBgPageContainer: 'linear-gradient(180deg, #F7F9FF 0%, #FFF 45.59%);'\n        },\n      }}\n      fixSiderbar\n      fixedHeader\n      collapsed={collapsed}\n      collapsedButtonRender={(collapsed) => {\n        return <CollapsedButton collapsed={collapsed} />;\n      }}\n      {...more}\n    >\n      <Exception>{children}</Exception>\n    </ProLayout>\n  );\n};\n\nexport * from \"./Exception\";\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAA0C;AAC1C,oBAA8B;AAC9B,kBAAsB;AACtB,wBAAuB;AAEvB,4BAAmD;AACnD,uBAA0B;AAC1B,2BAA8B;AA2F9B,iCAAc,wBAlGd;AAuCQ;AAnBD,IAAM,cAAc,CAAC,UAAuB;AACjD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,QAAM,EAAE,SAAS,IAAI;AACrB,QAAM,EAAE,MAAM,IAAI,SAAS;AAE3B,QAAM,EAAE,UAAU,QAAI,yCAAkB;AAExC,QAAM,qBAAmD;AAAA,IACvD,CAAC,WAAW,eAAe;AACzB,aACE;AAAA,QAAC;AAAA;AAAA,UACC,SAAS,MAAM;AACb,gBAAI,UAAU;AACZ,uBAAS,UAAU,IAAI;AAAA,YACzB;AAAA,UACF;AAAA,UAEC;AAAA;AAAA,MACH;AAAA,IAEJ;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAW,kBAAAA,SAAW,0BAA0B,yCAAY,SAAS;AAAA,MACrE,QAAO;AAAA,MACP;AAAA,MACA,OAAO,yCAAY;AAAA,MACnB,YAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA,qBAAqB,MAAM;AACzB,eAAO,4CAAC,sCAAc;AAAA,MACxB;AAAA,MACA,OAAO;AAAA,QACL,QAAQ;AAAA,UACN,eAAe;AAAA,UACf,kBAAkB;AAAA,UAClB,uBAAuB,MAAM;AAAA,UAC7B,oBAAoB;AAAA,QACtB;AAAA,QACA,OAAO;AAAA,UACL,qBAAqB;AAAA,UACrB,yBAAyB;AAAA,UACzB,qBAAqB,MAAM;AAAA,UAC3B,uBAAuB,MAAM;AAAA,UAC7B,wBAAwB,MAAM;AAAA,UAC9B,eAAe;AAAA,QACjB;AAAA,QACA,eAAe;AAAA,UACb,kCAAkC,MAAM;AAAA,UACxC,mCAAmC,MAAM;AAAA,UACzC,sBAAsB;AAAA,QACxB;AAAA,MACF;AAAA,MACA,aAAW;AAAA,MACX,aAAW;AAAA,MACX;AAAA,MACA,uBAAuB,CAACC,eAAc;AACpC,eAAO,4CAAC,yCAAgB,WAAWA,YAAW;AAAA,MAChD;AAAA,MACC,GAAG;AAAA,MAEJ,sDAAC,8BAAW,UAAS;AAAA;AAAA,EACvB;AAEJ;",
+  "names": ["classnames", "collapsed"]
+}

package/dist/creek-loading/index.js

@@ -1,52 +1,59 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { Spin } from 'antd';
-import React from 'react';
-import { createRoot } from 'react-dom/client';
-import { jsx as _jsx } from "react/jsx-runtime";
-export var Loading = /*#__PURE__*/function () {
-  function Loading() {
-    _classCallCheck(this, Loading);
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
   }
-  _createClass(Loading, null, [{
-    key: "createContainer",
-    value: function createContainer() {
-      if (this.container) return this.container;
-      this.container = document.createElement('div');
-      document.body.appendChild(this.container);
-      this.root = createRoot(this.container);
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/creek-loading/index.tsx
+var creek_loading_exports = {};
+__export(creek_loading_exports, {
+  Loading: () => Loading
+});
+module.exports = __toCommonJS(creek_loading_exports);
+var import_antd = require("antd");
+var import_client = require("react-dom/client");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Loading = class {
+  static createContainer() {
+    if (this.container)
       return this.container;
-    }
-  }, {
-    key: "open",
-    value: function open(config) {
-      var _this$root;
-      this.createContainer();
-      (_this$root = this.root) === null || _this$root === void 0 || _this$root.render( /*#__PURE__*/_jsx(Spin, _objectSpread(_objectSpread({}, config), {}, {
-        fullscreen: true
-      })));
-    }
-  }, {
-    key: "close",
-    value: function close() {
-      if (this.root) {
-        this.root.unmount();
-        if (this.container) {
-          document.body.removeChild(this.container);
-          this.container = null;
-          this.root = null;
-        }
+    this.container = document.createElement("div");
+    document.body.appendChild(this.container);
+    this.root = (0, import_client.createRoot)(this.container);
+    return this.container;
+  }
+  static open(config) {
+    var _a;
+    this.createContainer();
+    (_a = this.root) == null ? void 0 : _a.render(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Spin, { ...config, fullscreen: true }));
+  }
+  static close() {
+    if (this.root) {
+      this.root.unmount();
+      if (this.container) {
+        document.body.removeChild(this.container);
+        this.container = null;
+        this.root = null;
       }
     }
-  }]);
-  return Loading;
-}();
-_defineProperty(Loading, "container", null);
-_defineProperty(Loading, "root", null);
+  }
+};
+Loading.container = null;
+Loading.root = null;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Loading
+});
+//# sourceMappingURL=index.js.map

package/dist/creek-loading/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/creek-loading/index.tsx"],
+  "sourcesContent": ["import { Spin } from 'antd';\nimport React from 'react';\nimport { createRoot } from 'react-dom/client';\n\nexport class Loading {\n  private static container: HTMLDivElement | null = null;\n  private static root: ReturnType<typeof createRoot> | null = null;\n\n  private static createContainer() {\n    if (this.container) return this.container;\n\n    this.container = document.createElement('div');\n    document.body.appendChild(this.container);\n    this.root = createRoot(this.container);\n    return this.container;\n  }\n\n  static open(config?: React.ComponentProps<typeof Spin>) {\n    this.createContainer();\n\n    this.root?.render(<Spin {...config} fullscreen></Spin>);\n  }\n\n  static close() {\n    if (this.root) {\n      this.root.unmount();\n\n      if (this.container) {\n        document.body.removeChild(this.container);\n        this.container = null;\n        this.root = null;\n      }\n    }\n  }\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAqB;AAErB,oBAA2B;AAkBL;AAhBf,IAAM,UAAN,MAAc;AAAA,EAInB,OAAe,kBAAkB;AAC/B,QAAI,KAAK;AAAW,aAAO,KAAK;AAEhC,SAAK,YAAY,SAAS,cAAc,KAAK;AAC7C,aAAS,KAAK,YAAY,KAAK,SAAS;AACxC,SAAK,WAAO,0BAAW,KAAK,SAAS;AACrC,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,OAAO,KAAK,QAA4C;AAjB1D;AAkBI,SAAK,gBAAgB;AAErB,eAAK,SAAL,mBAAW,OAAO,4CAAC,oBAAM,GAAG,QAAQ,YAAU,MAAC;AAAA,EACjD;AAAA,EAEA,OAAO,QAAQ;AACb,QAAI,KAAK,MAAM;AACb,WAAK,KAAK,QAAQ;AAElB,UAAI,KAAK,WAAW;AAClB,iBAAS,KAAK,YAAY,KAAK,SAAS;AACxC,aAAK,YAAY;AACjB,aAAK,OAAO;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF;AA9Ba,QACI,YAAmC;AADvC,QAEI,OAA6C;",
+  "names": []
+}

package/dist/creek-table/SearchTable.js

@@ -1,121 +1,125 @@
-var _excluded = ["columns", "params", "prefixCls", "autoAddFilterForColumn", "className", "optionsRender", "tableViewRender", "pagination", "pageFixedBottom", "pageFixedBottomConfig"];
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { ProTable } from '@ant-design/pro-components';
-import { createStyles } from 'antd-style';
-import classnames from 'classnames';
-import _ from 'lodash';
-import { useMemo, useRef } from 'react';
-import { CreekFilterDisplay, CreekSearchInput, useSearchContext } from "../creek-search";
-import { useAdaptiveToolBar, useAutoAddFilterToColumns } from "./hooks";
-import { TableOptionRender } from "./TableOptionRender";
-import { TableViewContent } from "./TableViewContent";
-import { toolBarRender as _toolBarRender } from "./toolBarRender";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-var useStyles = createStyles(function (_ref) {
-  var prefixCls = _ref.prefixCls;
-  return {
-    'creek-table-container': _defineProperty({}, ".".concat(prefixCls, "-pagination"), _defineProperty({}, ".".concat(prefixCls, "-pagination-total-text"), {
-      flex: "1"
-    }))
-  };
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/creek-table/SearchTable.tsx
+var SearchTable_exports = {};
+__export(SearchTable_exports, {
+  SearchProTable: () => SearchProTable
 });
+module.exports = __toCommonJS(SearchTable_exports);
+var import_pro_components = require("@ant-design/pro-components");
+var import_antd = require("antd");
+var import_antd_style = require("antd-style");
+var import_classnames = __toESM(require("classnames"));
+var import_lodash = __toESM(require("lodash"));
+var import_react = require("react");
+var import_hooks = require("./hooks");
+var import_TableOptionRender = require("./TableOptionRender");
+var import_toolBarRender = require("./toolBarRender");
+var import_jsx_runtime = require("react/jsx-runtime");
+var useStyles = (0, import_antd_style.createStyles)(({ css, token }, { scrollY, prefixCls }) => {
+  return {
+    "creek-table-container": css`
+      .${prefixCls}-table-body {
+        overflow-y: auto !important;
+        min-height: ${typeof scrollY === "number" ? `${scrollY}px` : scrollY ?? "auto"};
 
-// 独立的 ProTable 组件
-export var SearchProTable = function SearchProTable(props) {
-  var columns = props.columns,
-    params = props.params,
-    _props$prefixCls = props.prefixCls,
-    prefixCls = _props$prefixCls === void 0 ? 'ant' : _props$prefixCls,
-    _props$autoAddFilterF = props.autoAddFilterForColumn,
-    autoAddFilterForColumn = _props$autoAddFilterF === void 0 ? true : _props$autoAddFilterF,
-    className = props.className,
-    _optionsRender = props.optionsRender,
-    _tableViewRender = props.tableViewRender,
-    pagination = props.pagination,
-    _props$pageFixedBotto = props.pageFixedBottom,
-    pageFixedBottom = _props$pageFixedBotto === void 0 ? true : _props$pageFixedBotto,
-    pageFixedBottomConfig = props.pageFixedBottomConfig,
-    restProps = _objectWithoutProperties(props, _excluded);
-  var searchContext = useSearchContext();
-  var filters = searchContext.filters,
-    filtersToParams = searchContext.filtersToParams;
-  var proTableRef = useRef(null);
+        /* Firefox 滚动条样式 */
+        scrollbar-width: thin;
+        scrollbar-color: ${token.colorFillSecondary} transparent;
+      }
 
-  // 使用自定义 hook 处理列的筛选功能（包含状态管理）
-  var _useAutoAddFilterToCo = useAutoAddFilterToColumns({
-      columns: columns,
-      autoAddFilterForColumn: autoAddFilterForColumn
-    }),
-    columnsWithFilter = _useAutoAddFilterToCo.columnsWithFilter;
+      /* Webkit (Chrome, Safari, Edge) 滚动条样式 */
+      & *::-webkit-scrollbar {
+        width: 6px !important;
+        height: 6px !important;
+        background-color: transparent !important;
+      }
 
-  // 使用自定义 hook 处理工具栏的自适应功能
-  var _useAdaptiveToolBar = useAdaptiveToolBar({
-      containerRef: proTableRef,
-      prefixCls: prefixCls
-    }),
-    shouldCollapse = _useAdaptiveToolBar.shouldCollapse;
-  var _useStyles = useStyles(),
-    styles = _useStyles.styles;
+      & *::-webkit-scrollbar-thumb {
+        background-color: ${token.colorFillSecondary} !important;
+        border-radius: 3px !important;
+        transition: all 0.3s;
+      }
 
-  // 获取搜素的参数
-  var finalParams = useMemo(function () {
-    var result = filtersToParams(filters);
-    return result;
-  }, [filters]);
-  return /*#__PURE__*/_jsx("div", {
-    ref: proTableRef,
-    children: /*#__PURE__*/_jsx(ProTable, _objectSpread(_objectSpread({}, restProps), {}, {
-      className: classnames(styles['creek-table-container'], className),
-      columns: columnsWithFilter,
-      toolbar: _objectSpread({}, restProps.toolbar),
-      params: _objectSpread(_objectSpread({}, params), finalParams),
-      search: false,
-      pagination: _objectSpread({
-        showTotal: function showTotal(total) {
-          return /*#__PURE__*/_jsxs("span", {
-            children: ["\u5171 ", total, " \u6761"]
-          });
-        },
-        showSizeChanger: true
-      }, pagination),
-      optionsRender: function optionsRender(defaultProps, dom) {
-        var _restProps$options, _restProps$options2;
-        return _.isFunction(_optionsRender) ? _optionsRender(defaultProps, dom) : restProps !== null && restProps !== void 0 && restProps.options ? [/*#__PURE__*/_jsx(TableOptionRender, {
-          defaultDom: dom,
-          importConfig: restProps === null || restProps === void 0 || (_restProps$options = restProps.options) === null || _restProps$options === void 0 ? void 0 : _restProps$options.importConfig,
-          exportConfig: restProps === null || restProps === void 0 || (_restProps$options2 = restProps.options) === null || _restProps$options2 === void 0 ? void 0 : _restProps$options2.exportConfig
-        }, "option")] : [];
-      },
-      toolBarRender: function toolBarRender() {
-        return _toolBarRender({
-          shouldCollapse: shouldCollapse,
-          restProps: restProps
-        });
+      & *::-webkit-scrollbar-thumb:hover {
+        background-color: ${token.colorFill} !important;
       }
-      // 在 headerTitle 中只放搜索输入框
-      ,
-      headerTitle: /*#__PURE__*/_jsx(CreekSearchInput, {})
-      // 在表格内容区上方显示筛选条件
-      ,
-      tableViewRender: function tableViewRender(defaultProps, defaultDom) {
-        return _.isFunction(_tableViewRender) ? /*#__PURE__*/_jsxs(_Fragment, {
-          children: [/*#__PURE__*/_jsx(CreekFilterDisplay, {}), _tableViewRender(defaultProps, defaultDom)]
-        }) : /*#__PURE__*/_jsx(TableViewContent, {
-          pageFixedBottom: pageFixedBottom,
-          pageFixedBottomConfig: pageFixedBottomConfig,
-          prefixCls: prefixCls,
-          children: defaultDom
-        });
+
+      & *::-webkit-scrollbar-track {
+        background-color: transparent !important;
       }
-    }))
-  });
-};
+
+      .${prefixCls}-pagination {
+        .${prefixCls}-pagination-total-text {
+          flex: 1;
+        }
+      }
+    `
+  };
+});
+var SearchProTable = (props) => {
+  var _a;
+  const { columns, prefixCls = "ant", autoAddFilterForColumn = true, className, optionsRender, tableViewRender, pagination, pageFixedBottom = true, pageFixedBottomConfig, ...restProps } = props;
+  const proTableRef = (0, import_react.useRef)(null);
+  const { token } = import_antd.theme.useToken();
+  const { columns: adaptiveColumns, totalWidth } = (0, import_hooks.useAutoWidthColumns)(columns, proTableRef);
+  const scrollY = (0, import_hooks.useTableScrollHeight)(prefixCls, proTableRef, pageFixedBottom, token.paddingContentVerticalLG, (pageFixedBottomConfig == null ? void 0 : pageFixedBottomConfig.bottomFix) || token.padding);
+  const { styles } = useStyles({ scrollY, prefixCls });
+  console.log("scrollY", scrollY);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: proTableRef, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_pro_components.ProTable,
+    {
+      ...props,
+      className: (0, import_classnames.default)(styles["creek-table-container"], className),
+      columns: adaptiveColumns,
+      scroll: {
+        x: totalWidth,
+        y: scrollY ?? ((_a = restProps.scroll) == null ? void 0 : _a.y)
+      },
+      toolbar: {
+        ...restProps.toolbar
+      },
+      optionsRender: (defaultProps, dom) => {
+        var _a2, _b;
+        return import_lodash.default.isFunction(optionsRender) ? optionsRender(defaultProps, dom) : (restProps == null ? void 0 : restProps.options) ? [/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_TableOptionRender.TableOptionRender, { defaultDom: dom, importConfig: (_a2 = restProps == null ? void 0 : restProps.options) == null ? void 0 : _a2.importConfig, exportConfig: (_b = restProps == null ? void 0 : restProps.options) == null ? void 0 : _b.exportConfig }, "option")] : [];
+      },
+      toolBarRender: (...args) => {
+        return (0, import_toolBarRender.toolBarRender)({ shouldCollapse: false, restProps, args });
+      },
+      tableViewRender: (defaultProps, defaultDom) => {
+        return import_lodash.default.isFunction(tableViewRender) ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: tableViewRender(defaultProps, defaultDom) }) : defaultDom;
+      }
+    }
+  ) });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  SearchProTable
+});
+//# sourceMappingURL=SearchTable.js.map

package/dist/creek-table/SearchTable.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/creek-table/SearchTable.tsx"],
+  "sourcesContent": ["import { ParamsType, ProTable } from '@ant-design/pro-components';\nimport { theme } from 'antd';\nimport { createStyles } from 'antd-style';\nimport classnames from 'classnames';\nimport _ from 'lodash';\nimport { useRef } from 'react';\n\nimport { useAutoWidthColumns, useTableScrollHeight } from './hooks';\nimport { TableOptionRender } from './TableOptionRender';\nimport { toolBarRender } from './toolBarRender';\nimport { CreekTableProps } from './type';\n\nconst useStyles = createStyles(({ css, token }, { scrollY, prefixCls }: { scrollY?: number | string; prefixCls: string }) => {\n  return {\n    'creek-table-container': css`\n      .${prefixCls}-table-body {\n        overflow-y: auto !important;\n        min-height: ${typeof scrollY === 'number' ? `${scrollY}px` : (scrollY ?? 'auto')};\n\n        /* Firefox 滚动条样式 */\n        scrollbar-width: thin;\n        scrollbar-color: ${token.colorFillSecondary} transparent;\n      }\n\n      /* Webkit (Chrome, Safari, Edge) 滚动条样式 */\n      & *::-webkit-scrollbar {\n        width: 6px !important;\n        height: 6px !important;\n        background-color: transparent !important;\n      }\n\n      & *::-webkit-scrollbar-thumb {\n        background-color: ${token.colorFillSecondary} !important;\n        border-radius: 3px !important;\n        transition: all 0.3s;\n      }\n\n      & *::-webkit-scrollbar-thumb:hover {\n        background-color: ${token.colorFill} !important;\n      }\n\n      & *::-webkit-scrollbar-track {\n        background-color: transparent !important;\n      }\n\n      .${prefixCls}-pagination {\n        .${prefixCls}-pagination-total-text {\n          flex: 1;\n        }\n      }\n    `,\n  };\n});\n\n// 独立的 ProTable 组件\nexport const SearchProTable = <T extends ParamsType, U extends ParamsType, ValueType = 'text'>(props: CreekTableProps<T, U, ValueType>) => {\n  const { columns, prefixCls = 'ant', autoAddFilterForColumn = true, className, optionsRender, tableViewRender, pagination, pageFixedBottom = true, pageFixedBottomConfig, ...restProps } = props;\n\n  const proTableRef = useRef<HTMLDivElement>(null);\n\n  const { token } = theme.useToken();\n\n  // // 使用自定义 hook 处理工具栏的自适应功能\n  // const { shouldCollapse } = useAdaptiveToolBar({\n  //   containerRef: proTableRef,\n  //   prefixCls,\n  // });ƒ\n\n  const { columns: adaptiveColumns, totalWidth } = useAutoWidthColumns(columns, proTableRef);\n\n  const scrollY = useTableScrollHeight(prefixCls, proTableRef, pageFixedBottom, token.paddingContentVerticalLG, pageFixedBottomConfig?.bottomFix || token.padding);\n\n  const { styles } = useStyles({ scrollY, prefixCls });\n\n  console.log('scrollY', scrollY);\n\n  return (\n    <div ref={proTableRef}>\n      <ProTable<T, U, ValueType>\n        {...props}\n        className={classnames(styles['creek-table-container'], className)}\n        columns={adaptiveColumns}\n        scroll={{\n          x: totalWidth,\n          y: scrollY ?? restProps.scroll?.y,\n        }}\n        toolbar={{\n          ...restProps.toolbar,\n        }}\n        optionsRender={(defaultProps, dom) => {\n          return _.isFunction(optionsRender)\n            ? optionsRender(defaultProps, dom)\n            : restProps?.options\n              ? [<TableOptionRender key=\"option\" defaultDom={dom} importConfig={restProps?.options?.importConfig} exportConfig={restProps?.options?.exportConfig} />]\n              : [];\n        }}\n        toolBarRender={(...args) => {\n          return toolBarRender({ shouldCollapse: false, restProps, args });\n        }}\n        // 在表格内容区上方显示筛选条件\n        tableViewRender={(defaultProps, defaultDom) => {\n          return _.isFunction(tableViewRender) ? <>{tableViewRender(defaultProps, defaultDom)}</> : defaultDom;\n        }}\n      />\n    </div>\n  );\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAqC;AACrC,kBAAsB;AACtB,wBAA6B;AAC7B,wBAAuB;AACvB,oBAAc;AACd,mBAAuB;AAEvB,mBAA0D;AAC1D,+BAAkC;AAClC,2BAA8B;AAoFb;AAjFjB,IAAM,gBAAY,gCAAa,CAAC,EAAE,KAAK,MAAM,GAAG,EAAE,SAAS,UAAU,MAAwD;AAC3H,SAAO;AAAA,IACL,yBAAyB;AAAA,SACpB;AAAA;AAAA,sBAEa,OAAO,YAAY,WAAW,GAAG,cAAe,WAAW;AAAA;AAAA;AAAA;AAAA,2BAItD,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAWL,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAMN,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAOzB;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT;AACF,CAAC;AAGM,IAAM,iBAAiB,CAAiE,UAA4C;AAvD3I;AAwDE,QAAM,EAAE,SAAS,YAAY,OAAO,yBAAyB,MAAM,WAAW,eAAe,iBAAiB,YAAY,kBAAkB,MAAM,uBAAuB,GAAG,UAAU,IAAI;AAE1L,QAAM,kBAAc,qBAAuB,IAAI;AAE/C,QAAM,EAAE,MAAM,IAAI,kBAAM,SAAS;AAQjC,QAAM,EAAE,SAAS,iBAAiB,WAAW,QAAI,kCAAoB,SAAS,WAAW;AAEzF,QAAM,cAAU,mCAAqB,WAAW,aAAa,iBAAiB,MAAM,2BAA0B,+DAAuB,cAAa,MAAM,OAAO;AAE/J,QAAM,EAAE,OAAO,IAAI,UAAU,EAAE,SAAS,UAAU,CAAC;AAEnD,UAAQ,IAAI,WAAW,OAAO;AAE9B,SACE,4CAAC,SAAI,KAAK,aACR;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,eAAW,kBAAAA,SAAW,OAAO,uBAAuB,GAAG,SAAS;AAAA,MAChE,SAAS;AAAA,MACT,QAAQ;AAAA,QACN,GAAG;AAAA,QACH,GAAG,aAAW,eAAU,WAAV,mBAAkB;AAAA,MAClC;AAAA,MACA,SAAS;AAAA,QACP,GAAG,UAAU;AAAA,MACf;AAAA,MACA,eAAe,CAAC,cAAc,QAAQ;AAzF9C,YAAAC,KAAA;AA0FU,eAAO,cAAAC,QAAE,WAAW,aAAa,IAC7B,cAAc,cAAc,GAAG,KAC/B,uCAAW,WACT,CAAC,4CAAC,8CAA+B,YAAY,KAAK,eAAcD,MAAA,uCAAW,YAAX,gBAAAA,IAAoB,cAAc,eAAc,4CAAW,YAAX,mBAAoB,gBAA5G,QAA0H,CAAE,IACpJ,CAAC;AAAA,MACT;AAAA,MACA,eAAe,IAAI,SAAS;AAC1B,mBAAO,oCAAc,EAAE,gBAAgB,OAAO,WAAW,KAAK,CAAC;AAAA,MACjE;AAAA,MAEA,iBAAiB,CAAC,cAAc,eAAe;AAC7C,eAAO,cAAAC,QAAE,WAAW,eAAe,IAAI,2EAAG,0BAAgB,cAAc,UAAU,GAAE,IAAM;AAAA,MAC5F;AAAA;AAAA,EACF,GACF;AAEJ;",
+  "names": ["classnames", "_a", "_"]
+}