@pisell/materials 6.0.11 → 6.0.12

package/lib/components/pisellDraggable/utilities.js

@@ -0,0 +1,190 @@
+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/components/pisellDraggable/utilities.ts
+var utilities_exports = {};
+__export(utilities_exports, {
+  buildTree: () => buildTree,
+  findItem: () => findItem,
+  findItemDeep: () => findItemDeep,
+  flattenTree: () => flattenTree,
+  getChildCount: () => getChildCount,
+  getProjection: () => getProjection,
+  iOS: () => iOS,
+  removeChildrenOf: () => removeChildrenOf,
+  removeItem: () => removeItem,
+  setProperty: () => setProperty
+});
+module.exports = __toCommonJS(utilities_exports);
+var import_sortable = require("@dnd-kit/sortable");
+var iOS = /iPad|iPhone|iPod/.test(navigator.platform);
+function getDragDepth(offset, indentationWidth) {
+  return Math.round(offset / indentationWidth);
+}
+function getProjection(items, activeId, overId, dragOffset, indentationWidth) {
+  const overItemIndex = items.findIndex(({ id }) => id === overId);
+  const activeItemIndex = items.findIndex(({ id }) => id === activeId);
+  const activeItem = items[activeItemIndex];
+  const newItems = (0, import_sortable.arrayMove)(items, activeItemIndex, overItemIndex);
+  const previousItem = newItems[overItemIndex - 1];
+  const nextItem = newItems[overItemIndex + 1];
+  const dragDepth = getDragDepth(dragOffset, indentationWidth);
+  const projectedDepth = activeItem.depth + dragDepth;
+  const maxDepth = getMaxDepth({
+    previousItem
+  });
+  const minDepth = getMinDepth({ nextItem });
+  let depth = projectedDepth;
+  if (projectedDepth >= maxDepth) {
+    depth = maxDepth;
+  } else if (projectedDepth < minDepth) {
+    depth = minDepth;
+  }
+  return { depth, maxDepth, minDepth, parentId: getParentId() };
+  function getParentId() {
+    var _a;
+    if (depth === 0 || !previousItem) {
+      return null;
+    }
+    if (depth === previousItem.depth) {
+      return previousItem.parentId;
+    }
+    if (depth > previousItem.depth) {
+      return previousItem.id;
+    }
+    const newParent = (_a = newItems.slice(0, overItemIndex).reverse().find((item) => item.depth === depth)) == null ? void 0 : _a.parentId;
+    return newParent ?? null;
+  }
+}
+function getMaxDepth({ previousItem }) {
+  if (previousItem) {
+    return previousItem.depth + 1;
+  }
+  return 0;
+}
+function getMinDepth({ nextItem }) {
+  if (nextItem) {
+    return nextItem.depth;
+  }
+  return 0;
+}
+function flatten(items, parentId = null, depth = 0) {
+  return items.reduce((acc, item, index) => {
+    return [
+      ...acc,
+      { ...item, parentId, depth, index },
+      ...flatten(item.children, item.id, depth + 1)
+    ];
+  }, []);
+}
+function flattenTree(items) {
+  return flatten(items);
+}
+function buildTree(flattenedItems) {
+  const root = { id: "root", children: [] };
+  const nodes = { [root.id]: root };
+  const items = flattenedItems.map((item) => ({ ...item, children: [] }));
+  for (const item of items) {
+    const { id, children } = item;
+    const parentId = item.parentId ?? root.id;
+    const parent = nodes[parentId] ?? findItem(items, parentId);
+    nodes[id] = { id, children };
+    parent.children.push(item);
+  }
+  return root.children;
+}
+function findItem(items, itemId) {
+  return items.find(({ id }) => id === itemId);
+}
+function findItemDeep(items, itemId) {
+  for (const item of items) {
+    const { id, children } = item;
+    if (id === itemId) {
+      return item;
+    }
+    if (children.length) {
+      const child = findItemDeep(children, itemId);
+      if (child) {
+        return child;
+      }
+    }
+  }
+  return void 0;
+}
+function removeItem(items, id) {
+  const newItems = [];
+  for (const item of items) {
+    if (item.id === id) {
+      continue;
+    }
+    if (item.children.length) {
+      item.children = removeItem(item.children, id);
+    }
+    newItems.push(item);
+  }
+  return newItems;
+}
+function setProperty(items, id, property, setter) {
+  for (const item of items) {
+    if (item.id === id) {
+      item[property] = setter(item[property]);
+      continue;
+    }
+    if (item.children.length) {
+      item.children = setProperty(item.children, id, property, setter);
+    }
+  }
+  return [...items];
+}
+function countChildren(items, count = 0) {
+  return items.reduce((acc, { children }) => {
+    if (children.length) {
+      return countChildren(children, acc + 1);
+    }
+    return acc + 1;
+  }, count);
+}
+function getChildCount(items, id) {
+  const item = findItemDeep(items, id);
+  return item ? countChildren(item.children) : 0;
+}
+function removeChildrenOf(items, ids) {
+  const excludeParentIds = [...ids];
+  return items.filter((item) => {
+    if (item.parentId && excludeParentIds.includes(item.parentId)) {
+      if (item.children.length) {
+        excludeParentIds.push(item.id);
+      }
+      return false;
+    }
+    return true;
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  buildTree,
+  findItem,
+  findItemDeep,
+  flattenTree,
+  getChildCount,
+  getProjection,
+  iOS,
+  removeChildrenOf,
+  removeItem,
+  setProperty
+});

package/lib/components/pisellLayout/content.d.ts

@@ -2,6 +2,7 @@ import type { LayoutProps } from 'antd';
 import React from 'react';
 export interface PisellContentProps extends Omit<LayoutProps, 'prefixCls'> {
     children?: React.ReactNode;
+    __designMode?: string;
 }
 declare const PisellContent: React.FC<PisellContentProps>;
 export default PisellContent;

package/lib/components/pisellLayout/content.js

@@ -34,9 +34,17 @@ __export(content_exports, {
 module.exports = __toCommonJS(content_exports);
 var import_antd = require("antd");
 var import_react = __toESM(require("react"));
+var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
 var { Content } = import_antd.Layout;
 var PisellContent = (props) => {
   const { children, ...rest } = props;
-  return /* @__PURE__ */ import_react.default.createElement(Content, { ...rest }, children);
+  const lowCodeProps = (0, import_useEngineContext.default)();
+  const pageContent = (0, import_react.useMemo)(() => {
+    if (props.__designMode === "design") {
+      return "Page content";
+    }
+    return lowCodeProps.children;
+  }, [props.__designMode]);
+  return /* @__PURE__ */ import_react.default.createElement(Content, { ...rest }, children, pageContent);
 };
 var content_default = PisellContent;

package/lib/components/pisellMenu/PisellMenu.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import './PisellMenu.less';
+import type { PisellMenuProps } from './types';
+declare const PisellMenu: React.FC<PisellMenuProps>;
+export default PisellMenu;

package/lib/components/pisellMenu/PisellMenu.js

@@ -0,0 +1,91 @@
+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/components/pisellMenu/PisellMenu.tsx
+var PisellMenu_exports = {};
+__export(PisellMenu_exports, {
+  default: () => PisellMenu_default
+});
+module.exports = __toCommonJS(PisellMenu_exports);
+var import_antd = require("antd");
+var import_react = __toESM(require("react"));
+var import_PisellMenu = require("./PisellMenu.less");
+var PisellMenu = ({
+  className,
+  style,
+  mode = "vertical",
+  theme = "light",
+  defaultOpenKeys,
+  defaultSelectedKeys,
+  inlineCollapsed,
+  openKeys,
+  selectedKeys,
+  onOpenChange,
+  onSelect,
+  dataSource,
+  __designMode,
+  ...restProps
+}) => {
+  const _dataSource = (0, import_react.useMemo)(() => {
+    if (Array.isArray(dataSource)) {
+      return dataSource;
+    }
+    if (__designMode === "design") {
+      return [
+        {
+          label: "菜单项1",
+          key: "item-1"
+        },
+        {
+          label: "菜单项2",
+          key: "item-2"
+        }
+      ];
+    }
+    return [];
+  }, [dataSource]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Menu,
+    {
+      className: `pisell-menu ${className || ""}`,
+      style,
+      items: _dataSource,
+      mode,
+      theme,
+      defaultOpenKeys,
+      defaultSelectedKeys,
+      inlineCollapsed,
+      openKeys,
+      selectedKeys,
+      onOpenChange,
+      onSelect,
+      ...restProps
+    }
+  );
+};
+var PisellMenu_default = PisellMenu;

package/lib/components/pisellMenu/PisellMenu.less

@@ -0,0 +1,53 @@
+.pisell-menu {
+  &.ant-menu {
+    border-right: none;
+
+    &.ant-menu-dark {
+      background: #001529;
+    }
+  }
+
+  .ant-menu-item {
+    &:hover {
+      color: #1890ff;
+    }
+
+    &.ant-menu-item-selected {
+      background-color: #e6f7ff;
+      color: #1890ff;
+    }
+  }
+
+  .ant-menu-submenu {
+    &-title:hover {
+      color: #1890ff;
+    }
+
+    &-selected>.ant-menu-submenu-title {
+      color: #1890ff;
+    }
+  }
+
+  &.ant-menu-dark {
+    .ant-menu-item {
+      &:hover {
+        color: #fff;
+      }
+
+      &.ant-menu-item-selected {
+        background-color: #1890ff;
+        color: #fff;
+      }
+    }
+
+    .ant-menu-submenu {
+      &-title:hover {
+        color: #fff;
+      }
+
+      &-selected>.ant-menu-submenu-title {
+        color: #fff;
+      }
+    }
+  }
+}

package/lib/components/pisellMenu/index.d.ts

@@ -0,0 +1,3 @@
+import PisellMenu from './PisellMenu';
+export type { PisellMenuProps } from './types';
+export default PisellMenu;

package/lib/components/pisellMenu/index.js

@@ -0,0 +1,36 @@
+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/components/pisellMenu/index.tsx
+var pisellMenu_exports = {};
+__export(pisellMenu_exports, {
+  default: () => pisellMenu_default
+});
+module.exports = __toCommonJS(pisellMenu_exports);
+var import_PisellMenu = __toESM(require("./PisellMenu"));
+var pisellMenu_default = import_PisellMenu.default;

package/lib/components/pisellMenu/types.d.ts

@@ -0,0 +1,30 @@
+import type { MenuProps } from 'antd';
+import type { ReactNode } from 'react';
+export interface PisellMenuProps extends Omit<MenuProps, 'items'> {
+    className?: string;
+    style?: React.CSSProperties;
+    mode?: 'vertical' | 'horizontal' | 'inline';
+    theme?: 'light' | 'dark';
+    defaultOpenKeys?: string[];
+    defaultSelectedKeys?: string[];
+    inlineCollapsed?: boolean;
+    openKeys?: string[];
+    selectedKeys?: string[];
+    onOpenChange?: (openKeys: string[]) => void;
+    onSelect?: (info: {
+        key: string;
+        keyPath: string[];
+        item: ReactNode;
+        domEvent: Event;
+        selectedKeys: string[];
+    }) => void;
+    dataSource?: any;
+    __designMode?: string;
+}
+export interface MenuItemType {
+    label: ReactNode;
+    key: string;
+    icon?: ReactNode;
+    children?: MenuItemType[];
+    type?: 'group' | 'divider';
+}

package/lib/components/pisellMenu/types.js

@@ -0,0 +1,17 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/components/pisellMenu/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/components/pisellModal/components/functions/index.less

@@ -1,5 +1,8 @@
 .pisell-lowcode-modal-root {
   .pisell-modal-function-wrap {
+    .pisell-lowcode-modal-confirm-paragraph {
+      max-width: 100%;
+    }
     .pisell-lowcode-modal-confirm-btns {
       display: flex;
       gap: 12px;

package/lib/components/table/Table/utils.d.ts

@@ -155,7 +155,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("view_mode" | "column_setting" | "order_by" | "group_by" | "gallery_setting" | "filter_setting")[];
+}) => ("filter_setting" | "column_setting" | "gallery_setting" | "view_mode" | "group_by" | "order_by")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/lib/components/versionModal/index.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import './index.less';
+interface PublishVersionModalProps {
+    visible: boolean;
+    currentVersion: string;
+    onCancel: () => void;
+    onConfirm: (data: VersionData) => void;
+    isShowNote?: boolean;
+}
+interface VersionData {
+    version: string;
+    note: string;
+}
+declare const PublishVersionModal: React.FC<PublishVersionModalProps>;
+export default PublishVersionModal;