@pisell/materials 1.0.10 → 1.0.12

package/lib/components/table/Pagination/index.less

@@ -12,7 +12,7 @@
   padding: 0 20px;
   margin: 0 !important;
 
-  .ant-pagination-total-text {
+  .pisell-lowcode-pagination-total-text {
     margin-right: auto;
     color: var(--gray-500, #667085);
     /* Text sm/Medium */
@@ -23,7 +23,7 @@
     /* 142.857% */
   }
 
-  .ant-pagination-item {
+  .pisell-lowcode-pagination-item {
     position: relative;
     border: none;
     margin: 0;
@@ -32,37 +32,37 @@
     border-right: 0;
   }
 
-  .ant-pagination-jump-prev {
+  .pisell-lowcode-pagination-jump-prev {
     border: 1px solid #D0D5DD;
     margin: 0;
     border-radius: 0;
     border-right: none;
   }
 
-  .ant-pagination-jump-next {
+  .pisell-lowcode-pagination-jump-next {
     border: 1px solid #D0D5DD;
     margin: 0;
     border-radius: 0;
     border-right: none;
   }
 
-  .ant-pagination-item-link:hover {
+  .pisell-lowcode-pagination-item-link:hover {
     font-weight: 450 !important;
     color: rgba(0, 0, 0, 0.88) !important;
 
-    .ant-pagination-item-link-icon {
+    .pisell-lowcode-pagination-item-link-icon {
       font-weight: 450 !important;
       color: rgba(0, 0, 0, 0.88) !important;
     }
   }
 
-  .ant-pagination-disabled {}
+  .pisell-lowcode-pagination-disabled {}
 
-  .ant-pagination-item-active:hover {
+  .pisell-lowcode-pagination-item-active:hover {
     border-color: #D0D5DD !important;
   }
 
-  .ant-pagination-item-active {
+  .pisell-lowcode-pagination-item-active {
     a {
       font-weight: 450 !important;
       color: rgba(0, 0, 0, 0.88) !important;
@@ -72,7 +72,7 @@
     background-color: rgba(0, 0, 0, 0.06);
   }
 
-  .ant-pagination-prev {
+  .pisell-lowcode-pagination-prev {
     display: flex;
     align-items: center;
     justify-content: center;
@@ -84,7 +84,7 @@
   }
 
 
-  .ant-pagination-next {
+  .pisell-lowcode-pagination-next {
     display: flex;
     align-items: center;
     justify-content: center;

package/lib/components/table/Table/AddFieldModal/index.less

@@ -16,7 +16,7 @@
 
 .popover-wrap {
   :global {
-    .ant-popover-arrow {
+    .pisell-lowcode-popover-arrow {
       display: none;
     }
   }

package/lib/components/table/Table/index.js

@@ -43,6 +43,7 @@ var import_body = __toESM(require("./tableConfig/body"));
 var import_header = __toESM(require("./tableConfig/header"));
 var import_Pagination = require("../Pagination");
 var GridViewTable = ({ tableProps }) => {
+  const responsive = (0, import_hooks.useResponsive)();
   const { state, dispatch } = (0, import_hooks.useSharedState)(import_model.Context);
   const { dataSource, defaultColumns } = state;
   const handleSave = (0, import_ahooks.useMemoizedFn)((row) => {
@@ -107,6 +108,22 @@ var GridViewTable = ({ tableProps }) => {
     },
     [tableProps.pagination.pageSize]
   );
+  const _paginationConfig = (0, import_react.useMemo)(() => {
+    if (tableProps.pagination === false) {
+      return false;
+    }
+    if (responsive === "phone") {
+      return {
+        ...tableProps.pagination,
+        size: "small"
+      };
+    }
+    return {
+      ...import_Pagination.paginationConfig,
+      ...tableProps.pagination,
+      showTotal
+    };
+  }, [responsive, tableProps.pagination]);
   return /* @__PURE__ */ import_react.default.createElement("div", { className: "materials-grid-table-wrap" }, /* @__PURE__ */ import_react.default.createElement(import_SortRow.default, null, /* @__PURE__ */ import_react.default.createElement(
     import_antd.Table,
     {
@@ -127,11 +144,7 @@ var GridViewTable = ({ tableProps }) => {
       scroll: {
         x: "max-content"
       },
-      pagination: tableProps.pagination === false ? false : {
-        ...import_Pagination.paginationConfig,
-        ...tableProps.pagination,
-        showTotal
-      }
+      pagination: _paginationConfig
     }
   )));
 };

package/lib/hooks/index.d.ts

@@ -1,2 +1,3 @@
 import useSharedState from './useSharedState';
-export { useSharedState };
+import useResponsive from './useResponsive';
+export { useSharedState, useResponsive };

package/lib/hooks/index.js

@@ -29,11 +29,14 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/hooks/index.ts
 var hooks_exports = {};
 __export(hooks_exports, {
+  useResponsive: () => import_useResponsive.default,
   useSharedState: () => import_useSharedState.default
 });
 module.exports = __toCommonJS(hooks_exports);
 var import_useSharedState = __toESM(require("./useSharedState"));
+var import_useResponsive = __toESM(require("./useResponsive"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  useResponsive,
   useSharedState
 });

package/lib/hooks/useResponsive.d.ts

@@ -0,0 +1,4 @@
+declare type ResponsiveConfig = Record<string, number>;
+export declare function configResponsive(config: ResponsiveConfig): void;
+export default function useResponsive(): "pc" | "ipad" | "phone";
+export {};

package/lib/hooks/useResponsive.js

@@ -0,0 +1,104 @@
+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 });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useResponsive.ts
+var useResponsive_exports = {};
+__export(useResponsive_exports, {
+  configResponsive: () => configResponsive,
+  default: () => useResponsive
+});
+module.exports = __toCommonJS(useResponsive_exports);
+var import_react = require("react");
+var import_utils = require("../utils");
+var subscribers = /* @__PURE__ */ new Set();
+var info;
+var responsiveConfig = {
+  phone: 0,
+  ipad: 700,
+  pc: 1080
+};
+function handleResize() {
+  const oldInfo = info;
+  calculate();
+  if (oldInfo === info)
+    return;
+  for (const subscriber of subscribers) {
+    subscriber();
+  }
+}
+var listening = false;
+function calculate() {
+  const width = window.innerWidth;
+  const newInfo = {};
+  let shouldUpdate = false;
+  for (const key of Object.keys(responsiveConfig)) {
+    newInfo[key] = width >= responsiveConfig[key];
+    if (newInfo[key] !== info[key]) {
+      shouldUpdate = true;
+    }
+  }
+  if (shouldUpdate) {
+    info = newInfo;
+  }
+}
+function configResponsive(config) {
+  responsiveConfig = config;
+  if (info)
+    calculate();
+}
+function useResponsive() {
+  if (import_utils.isBrowser && !listening) {
+    info = {};
+    calculate();
+    window.addEventListener("resize", handleResize);
+    listening = true;
+  }
+  const [state, setState] = (0, import_react.useState)(info);
+  (0, import_react.useEffect)(() => {
+    if (!import_utils.isBrowser)
+      return;
+    if (!listening) {
+      window.addEventListener("resize", handleResize);
+    }
+    const subscriber = () => {
+      setState(info);
+    };
+    subscribers.add(subscriber);
+    return () => {
+      subscribers.delete(subscriber);
+      if (subscribers.size === 0) {
+        window.removeEventListener("resize", handleResize);
+        listening = false;
+      }
+    };
+  }, []);
+  const current = (0, import_react.useMemo)(() => {
+    if (state == null ? void 0 : state.pc) {
+      return "pc";
+    }
+    if (state == null ? void 0 : state.ipad) {
+      return "ipad";
+    }
+    return "phone";
+  }, [state]);
+  return current;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  configResponsive
+});

package/lib/index.d.ts

@@ -61,3 +61,4 @@ export { default as Select } from './components/select';
 export { default as Cascader } from './components/cascader';
 export { default as AutoComplete } from './components/auto-complete';
 export { default as Div } from './components/div';
+export { default as Page } from './components/page';

package/lib/index.js

@@ -62,6 +62,7 @@ __export(src_exports, {
   Mentions: () => import_antd20.Mentions,
   Menu: () => import_antd19.Menu,
   Modal: () => import_modal.default,
+  Page: () => import_page.default,
   Pagination: () => import_antd23.Pagination,
   Popconfirm: () => import_antd24.Popconfirm,
   Popover: () => import_antd25.Popover,
@@ -157,6 +158,7 @@ var import_select = __toESM(require("./components/select"));
 var import_cascader = __toESM(require("./components/cascader"));
 var import_auto_complete = __toESM(require("./components/auto-complete"));
 var import_div = __toESM(require("./components/div"));
+var import_page = __toESM(require("./components/page"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Affix,
@@ -192,6 +194,7 @@ var import_div = __toESM(require("./components/div"));
   Mentions,
   Menu,
   Modal,
+  Page,
   Pagination,
   Popconfirm,
   Popover,

package/lib/utils/index.d.ts

@@ -0,0 +1 @@
+export declare const isBrowser: boolean;

package/lib/utils/index.js

@@ -0,0 +1,29 @@
+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 });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/index.ts
+var utils_exports = {};
+__export(utils_exports, {
+  isBrowser: () => isBrowser
+});
+module.exports = __toCommonJS(utils_exports);
+var isBrowser = !!(typeof window !== "undefined" && window.document && window.document.createElement);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  isBrowser
+});

package/lowcode/config-provider/meta.ts

@@ -16,125 +16,129 @@ export default {
     destructuring: true,
     subName: "",
   },
-  configure: {
-    props: [
-      {
-        name: "autoInsertSpaceInButton",
-        title: {
-          label: "按钮插入空格",
-          tip: "自动在按钮中 2 个汉字之间插入空格",
-        },
-        propType: "bool",
-        defaultValue: true,
-      },
-      {
-        name: "componentSize",
-        title: { label: "组件大小", tip: "设置 antd 组件大小" },
-        propType: { type: "oneOf", value: ["small", "middle", "large"] },
-        default: "middle",
-      },
-      {
-        name: "csp",
-        title: {
-          label: "CSP配置",
-          tip: "设置Content Security Policy配置",
-        },
-        propType: "object",
-        setter: "JsonSetter",
+  props: [
+    {
+      name: "autoInsertSpaceInButton",
+      title: {
+        label: "按钮插入空格",
+        tip: "自动在按钮中 2 个汉字之间插入空格",
       },
-      {
-        name: "form",
-        title: {
-          label: "Form通用属性",
-          tip: "设置 Form 组件的通用属性",
-        },
-        propType: "object",
-        setter: "JsonSetter",
+      propType: "bool",
+      defaultValue: true,
+    },
+    {
+      name: "componentSize",
+      title: { label: "组件大小", tip: "设置 antd 组件大小" },
+      propType: { type: "oneOf", value: ["small", "middle", "large"] },
+      default: "middle",
+    },
+    {
+      name: "csp",
+      title: {
+        label: "CSP配置",
+        tip: "设置Content Security Policy配置",
       },
-      {
-        name: "input",
-        title: {
-          label: "Input通用属性",
-          tip: "设置 Input 组件的通用属性",
-        },
-        propType: "object",
-        setter: "JsonSetter",
+      propType: "object",
+      setter: "JsonSetter",
+    },
+    {
+      name: "form",
+      title: {
+        label: "Form通用属性",
+        tip: "设置 Form 组件的通用属性",
       },
-      // {
-      //   name: 'renderEmpty',
-      //   title: { label: '自定义组件空状态', tip: '自定义组件空状态' },
-      //   propType: 'func',
-      // },
-      {
-        name: "getPopupContainer",
-        title: {
-          label: "弹出框父节点",
-          tip: "弹出框渲染父节点，默认渲染到 body 上。",
-        },
-        propType: "func",
+      propType: "object",
+      setter: "JsonSetter",
+    },
+    {
+      name: "input",
+      title: {
+        label: "Input通用属性",
+        tip: "设置 Input 组件的通用属性",
       },
-      {
-        name: "getTargetContainer",
-        title: {
-          label: "滚动监听容器",
-          tip: "配置 Affix、Anchor 滚动监听容器。",
-        },
-        propType: "func",
+      propType: "object",
+      setter: "JsonSetter",
+    },
+    // {
+    //   name: 'renderEmpty',
+    //   title: { label: '自定义组件空状态', tip: '自定义组件空状态' },
+    //   propType: 'func',
+    // },
+    {
+      name: "getPopupContainer",
+      title: {
+        label: "弹出框父节点",
+        tip: "弹出框渲染父节点，默认渲染到 body 上。",
       },
-      {
-        name: "locale",
-        title: { label: "语言", tip: "语言" },
-        propType: {
-          type: "oneOf",
-          value: ["zh-CN", "en-US"],
-        },
-        defaultValue: "en-US",
+      propType: "func",
+    },
+    {
+      name: "getTargetContainer",
+      title: {
+        label: "滚动监听容器",
+        tip: "配置 Affix、Anchor 滚动监听容器。",
       },
-      {
-        name: "prefixCls",
-        title: {
-          label: "样式前缀",
-          tip: "设置统一样式前缀。`注意：这将不会应用由 antd 提供的默认样式`",
-        },
-        propType: "string",
+      propType: "func",
+    },
+    {
+      name: "locale",
+      title: { label: "语言", tip: "语言" },
+      propType: {
+        type: "oneOf",
+        value: ["zh-CN", "en-US"],
       },
-      {
-        name: "pageHeader",
-        title: {
-          label: "统一设置 PageHeader 的 ghost",
-          tip: "统一设置 PageHeader 的 ghost",
-        },
-        propType: "object",
-        setter: "JsonSetter",
+      defaultValue: "en-US",
+    },
+    {
+      name: "prefixCls",
+      title: {
+        label: "样式前缀",
+        tip: "设置统一样式前缀。`注意：这将不会应用由 antd 提供的默认样式`",
       },
-      {
-        name: "direction",
-        title: { label: "文本方向", tip: "设置文本展示方向" },
-        propType: { type: "oneOf", value: ["ltr", "rtl"] },
+      propType: "string",
+    },
+    {
+      name: "pageHeader",
+      title: {
+        label: "统一设置 PageHeader 的 ghost",
+        tip: "统一设置 PageHeader 的 ghost",
       },
-      {
-        name: "space",
-        title: { label: "设置 Space 的 尺寸", tip: "设置 Space 的 `size`" },
-        propType: {
-          type: "oneOf",
-          value: ["small", "middle", "large", "number"],
-        },
+      propType: "object",
+      setter: "JsonSetter",
+    },
+    {
+      name: "direction",
+      title: { label: "文本方向", tip: "设置文本展示方向" },
+      propType: { type: "oneOf", value: ["ltr", "rtl"] },
+    },
+    {
+      name: "space",
+      title: { label: "设置 Space 的 尺寸", tip: "设置 Space 的 `size`" },
+      propType: {
+        type: "oneOf",
+        value: ["small", "middle", "large", "number"],
       },
-      {
-        name: "virtual",
-        title: {
-          label: "虚拟滚动",
-          tip: "设置 `false` 时关闭虚拟滚动",
-        },
-        propType: "bool",
-        defaultValue: true,
+    },
+    {
+      name: "virtual",
+      title: {
+        label: "虚拟滚动",
+        tip: "设置 `false` 时关闭虚拟滚动",
       },
-      {
-        name: "dropdownMatchSelectWidth",
-        title: { label: "下拉菜单和选择器同宽", tip: "下拉菜单和选择器同宽" },
-        propType: { type: "oneOfType", value: ["bool", "number"] },
-      },
-    ],
-    component: { isContainer: true },
+      propType: "bool",
+      defaultValue: true,
+    },
+    {
+      name: "dropdownMatchSelectWidth",
+      title: { label: "下拉菜单和选择器同宽", tip: "下拉菜单和选择器同宽" },
+      propType: { type: "oneOfType", value: ["bool", "number"] },
+    },
+  ],
+  configure: {
+    component: {
+      isContainer: true,
+      isPage: true,
+      disableBehaviors: '*',
+    },
   },
 };

package/lowcode/page/meta.ts

@@ -0,0 +1,44 @@
+import { ComponentMetadata, Snippet } from "@alilc/lowcode-types";
+
+const PageMeta: ComponentMetadata = {
+  componentName: "Page",
+  title: "Page",
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.11",
+    exportName: "Page",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  configure: {
+    props: [],
+    supports: {
+      style: true,
+    },
+    component: {
+      isContainer: true,
+      isPage: true,
+    },
+  },
+};
+const snippets: Snippet[] = [
+  {
+    title: "Page",
+    screenshot: "",
+    schema: {
+      componentName: "Page",
+      props: {
+
+      },
+    },
+  },
+];
+
+export default {
+  ...PageMeta,
+  snippets,
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",