@pisell/materials 6.0.13 → 6.0.15

package/lib/components/iconSelect/utils.js

@@ -0,0 +1,119 @@
+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/iconSelect/utils.tsx
+var utils_exports = {};
+__export(utils_exports, {
+  get: () => get,
+  getAntdIconList: () => getAntdIconList,
+  getIconList: () => getIconList
+});
+module.exports = __toCommonJS(utils_exports);
+var import_react = __toESM(require("react"));
+function get(obj, path, defaultValue) {
+  if (!path)
+    return defaultValue;
+  const keys = path.split(".");
+  let result = obj;
+  for (const key of keys) {
+    if (result == null) {
+      return defaultValue;
+    }
+    result = result[key];
+  }
+  return result === void 0 ? defaultValue : result;
+}
+function getIconfontIconList() {
+  const symbols = Array.prototype.slice.call(
+    window.document.querySelectorAll(
+      'svg[style="position: absolute; width: 0px; height: 0px; overflow: hidden;"][aria-hidden="true"] > symbol'
+    )
+  );
+  return symbols.map((symbol) => {
+    const { id } = symbol;
+    return {
+      name: id,
+      group: "iconfont",
+      icon: (props) => /* @__PURE__ */ import_react.default.createElement("span", { role: "img", className: "anticon" }, /* @__PURE__ */ import_react.default.createElement(
+        "svg",
+        {
+          viewBox: "64 64 896 896",
+          width: "1em",
+          height: "1em",
+          fill: "currentColor",
+          dangerouslySetInnerHTML: { __html: symbol.innerHTML }
+        }
+      ))
+    };
+  });
+}
+function getAntdIconList() {
+  const antdIcons = window.icons;
+  return Object.keys(antdIcons).map((key) => {
+    var _a;
+    const item = antdIcons[key];
+    if (typeof item !== "object") {
+      return null;
+    }
+    const name = (item == null ? void 0 : item.displayName) ?? ((_a = item == null ? void 0 : item.render) == null ? void 0 : _a.displayName) ?? key;
+    let group = "outlined";
+    const lowercaseName = name.toLowerCase();
+    if (/outlined$/.test(lowercaseName)) {
+      group = "outlined";
+    } else if (/filled$/.test(lowercaseName)) {
+      group = "filled";
+    } else if (/twotone$/.test(lowercaseName)) {
+      group = "two-tone";
+    } else {
+      return null;
+    }
+    return {
+      name,
+      group,
+      icon: item
+    };
+  }).filter(Boolean);
+}
+function getIconList() {
+  const iconfontIconList = getIconfontIconList();
+  const antdIconList = getAntdIconList();
+  const allIcons = [...iconfontIconList, ...antdIconList];
+  const uniqueIconsMap = /* @__PURE__ */ new Map();
+  allIcons.forEach((icon) => {
+    if (!uniqueIconsMap.has(icon.name)) {
+      uniqueIconsMap.set(icon.name, icon);
+    }
+  });
+  return Array.from(uniqueIconsMap.values());
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  get,
+  getAntdIconList,
+  getIconList
+});

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ImageProps as AntdImageProps } from 'antd';
+export interface ImageProps extends Omit<AntdImageProps, 'placeholder'> {
+    /**
+     * 占位图类型
+     */
+    fallbackType?: 'image' | 'avatar' | 'product';
+}
+declare const Image: React.FC<ImageProps>;
+export default Image;

package/lib/components/image/index.js

@@ -0,0 +1,59 @@
+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/image/index.tsx
+var image_exports = {};
+__export(image_exports, {
+  default: () => image_default
+});
+module.exports = __toCommonJS(image_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_image = __toESM(require("./image.png"));
+var import_avatar = __toESM(require("./avatar.png"));
+var import_product = __toESM(require("./product.png"));
+var defaultFallbackMap = {
+  image: import_image.default,
+  avatar: import_avatar.default,
+  product: import_product.default
+};
+var Image = ({
+  fallbackType = "image",
+  fallback,
+  ...restProps
+}) => {
+  const finalFallback = fallback || defaultFallbackMap[fallbackType];
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Image,
+    {
+      ...restProps,
+      fallback: finalFallback
+    }
+  );
+};
+var image_default = Image;

package/lib/components/page-header/index.less

@@ -2,17 +2,17 @@
   display: flex;
   flex-direction: column;
   gap: 4px;
-  margin-bottom: 16px;
+  margin-bottom: 12px;
   .pisell-lowcode-page-header {
     display: flex;
-    align-items: center;    
+    align-items: start;
     justify-content: space-between;
     width: 100%;
 
     .pisell-lowcode-page-header-left {
       display: flex;
       flex-direction: column;
-      gap: 4px;
+      gap: 0px !important;
     }
 
     .pisell-lowcode-page-header-title {
@@ -21,7 +21,7 @@
       font-weight: var(--Typography-Font-Weight-fontWeightStrong, 700);
       line-height: var(
         --Typography-Line-Height-lineHeightHeading4,
-        28px
+        40px
       );
     }
 

package/lib/components/pisellAppCard/PisellAppCard.d.ts

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

package/lib/components/pisellAppCard/PisellAppCard.js

@@ -0,0 +1,107 @@
+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/pisellAppCard/PisellAppCard.tsx
+var PisellAppCard_exports = {};
+__export(PisellAppCard_exports, {
+  default: () => PisellAppCard_default
+});
+module.exports = __toCommonJS(PisellAppCard_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_classnames = __toESM(require("classnames"));
+var import_pisellTags = __toESM(require("../pisellTags"));
+var import_pisellCard = __toESM(require("../pisellCard"));
+var import_pisellAvatar = __toESM(require("../pisellAvatar"));
+var import_PisellAppCard = require("./PisellAppCard.less");
+var import_icon = __toESM(require("../icon"));
+var PisellAppCard = ({
+  className,
+  style,
+  avatar,
+  tags,
+  title,
+  description,
+  bottomButtons,
+  moreActions,
+  icon
+}) => {
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_pisellCard.default,
+    {
+      className: (0, import_classnames.default)("pisell-lowcode-app-card", className),
+      style
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-card-header" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-card-header-left" }, (avatar || icon) && /* @__PURE__ */ import_react.default.createElement(
+      import_pisellAvatar.default,
+      {
+        icon: icon && /* @__PURE__ */ import_react.default.createElement(import_icon.default, { type: icon }),
+        src: avatar || void 0,
+        alt: title,
+        size: "xl",
+        shape: "square",
+        style: { border: "none" },
+        borderRadius: 10
+      }
+    )), /* @__PURE__ */ import_react.default.createElement("div", null, moreActions && moreActions.length > 0 && /* @__PURE__ */ import_react.default.createElement(
+      import_antd.Dropdown,
+      {
+        menu: {
+          items: moreActions.map((action, index) => ({
+            key: index,
+            label: action.label,
+            onClick: action.onClick
+          }))
+        },
+        placement: "bottomRight",
+        trigger: ["click"]
+      },
+      /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          icon: /* @__PURE__ */ import_react.default.createElement(import_icon.default, { type: "pisell2-dots-vertical" }),
+          size: "large"
+        }
+      )
+    ))),
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-card-content" }, tags && tags.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-card-content-tags" }, tags.map((tag, index) => /* @__PURE__ */ import_react.default.createElement(import_pisellTags.default, { key: index, type: tag.type, color: tag.color }, tag.label))), /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-card-content-title" }, title), description && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-card-content-description" }, description))),
+    bottomButtons && bottomButtons.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-lowcode-app-card-footer" }, bottomButtons.map(
+      (button, index) => !button.hidden && /* @__PURE__ */ import_react.default.createElement(
+        import_antd.Button,
+        {
+          type: button.type,
+          onClick: button.onClick,
+          key: index,
+          size: "large"
+        },
+        button.label
+      )
+    ))
+  );
+};
+var PisellAppCard_default = PisellAppCard;

package/lib/components/pisellAppCard/PisellAppCard.less

@@ -0,0 +1,55 @@
+.pisell-lowcode-app-card {
+  background: #fff;
+  border: 1px solid #f0f0f0;
+  cursor: auto;
+
+  .pisell-lowcode-card-body {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+    &::before {
+        display: none;
+    }
+    &::after {
+        display: none;
+    }
+  }
+
+  .pisell-lowcode-app-card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    .pisell-lowcode-app-card-header-left {
+      .anticon {
+        font-size: 32px !important;
+      }
+    }
+  }
+
+  .pisell-lowcode-app-card-content {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    .pisell-lowcode-app-card-content-title {
+      color: var(--Gray-900, #101828);
+      font-size: 18px;
+      font-weight: 600;
+      line-height: 28px; /* 155.556% */
+    }
+    .pisell-lowcode-app-card-content-description {
+        color: var(--Gray-600, #475467);
+        font-size: 14px;
+        font-weight: 400;
+        line-height: 20px; /* 142.857% */
+    }
+    .pisell-lowcode-app-card-content-tags {
+        display: flex;
+        gap: 8px;
+    }
+  }
+
+  .pisell-lowcode-app-card-footer {
+    display: flex;
+    gap: 12px;
+  }
+}

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

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

package/lib/components/pisellAppCard/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/pisellAppCard/index.tsx
+var pisellAppCard_exports = {};
+__export(pisellAppCard_exports, {
+  default: () => pisellAppCard_default
+});
+module.exports = __toCommonJS(pisellAppCard_exports);
+var import_PisellAppCard = __toESM(require("./PisellAppCard"));
+var pisellAppCard_default = import_PisellAppCard.default;

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

@@ -0,0 +1,34 @@
+import { CSSProperties } from 'react';
+export interface PisellAppCardProps {
+    /** 类名 */
+    className?: string;
+    /** 样式 */
+    style?: CSSProperties;
+    /** 头像地址 */
+    avatar?: string;
+    /** icon */
+    icon?: string;
+    /** 标签列表 */
+    tags?: Array<{
+        label: string;
+        color?: 'success' | 'warning' | 'error' | 'gray';
+        type: 'pill_color' | 'pill_outline';
+    }>;
+    /** 标题 */
+    title: string;
+    /** 描述 */
+    description?: string;
+    /** 底部按钮列表 */
+    bottomButtons?: Array<{
+        label: string;
+        onClick?: () => void;
+        type?: 'primary' | 'default' | 'dashed' | 'link' | 'text';
+        hidden: boolean;
+    }>;
+    /** 右侧更多操作列表 */
+    moreActions?: Array<{
+        label: string;
+        onClick?: () => void;
+        icon?: React.ReactNode;
+    }>;
+}

package/lib/components/pisellAppCard/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/pisellAppCard/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);

package/lib/components/pisellDraggable/components/TreeItem/SortableTreeItem.d.ts

@@ -3,6 +3,7 @@ import React from 'react';
 import { Props as TreeItemProps } from './TreeItem';
 interface Props extends TreeItemProps {
     id: UniqueIdentifier;
+    __designMode?: string;
 }
 export declare function SortableTreeItem({ id, depth, ...props }: Props): React.JSX.Element;
 export {};

package/lib/components/pisellDraggable/components/TreeItem/TreeItem.d.ts

@@ -16,6 +16,8 @@ export interface Props extends Omit<HTMLAttributes<HTMLLIElement>, 'id'> {
     onRemove?(): void;
     wrapperRef?(node: HTMLLIElement): void;
     item: TreeItemType;
-    renderItem?(item: TreeItemType): React.ReactNode;
+    renderItem?(item: Props, ref: React.ForwardedRef<HTMLDivElement>): React.ReactNode;
+    __designMode?: string;
+    isBlocked?: boolean;
 }
 export declare const TreeItem: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;

package/lib/components/pisellDraggable/components/TreeItem/TreeItem.js

@@ -54,10 +54,12 @@ var TreeItem = (0, import_react.forwardRef)((props, ref) => {
     wrapperRef,
     item,
     renderItem,
+    isBlocked,
+    __designMode,
     ...otherProps
   } = props;
   if (renderItem) {
-    return renderItem(props);
+    return renderItem(props, ref);
   }
   return /* @__PURE__ */ import_react.default.createElement(
     "li",
@@ -76,7 +78,12 @@ var TreeItem = (0, import_react.forwardRef)((props, ref) => {
       },
       ...otherProps
     },
-    /* @__PURE__ */ import_react.default.createElement("div", { className: "TreeItem", ref, style }, /* @__PURE__ */ import_react.default.createElement(import_components.Handle, { ...handleProps }), onCollapse && /* @__PURE__ */ import_react.default.createElement(
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "TreeItem", ref, style }, /* @__PURE__ */ import_react.default.createElement(
+      import_components.Handle,
+      {
+        ...__designMode === "design" ? {} : { ...handleProps }
+      }
+    ), onCollapse && /* @__PURE__ */ import_react.default.createElement(
       import_components.Action,
       {
         onClick: onCollapse,

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

@@ -4,6 +4,7 @@
  */
 import React from 'react';
 import type { TreeItem, TreeItems } from './types';
+import type { Props as TreeItemProps } from './components/TreeItem/TreeItem';
 interface Props {
     /** 是否支持折叠功能 */
     collapsible?: boolean;
@@ -16,12 +17,16 @@ interface Props {
     /** 是否支持删除节点功能 */
     removable?: boolean;
     /** 自定义渲染树节点 */
-    renderItem?: (item: TreeItem) => React.ReactNode;
+    renderItem?: (item: TreeItemProps, ref: React.RefObject<HTMLDivElement>) => React.ReactNode;
     /** 树形数据变化回调 */
     onChange?: (items: TreeItems) => void;
     /** 删除节点前 */
     onRemoveBefore?: (item: TreeItem) => Promise<boolean>;
+    /** 设计模式 */
+    __designMode?: string;
+    /** 最大层级 */
+    maxLevel?: number;
 }
-export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, }: Props): React.JSX.Element;
-declare const Demo: () => React.JSX.Element;
+export declare function SortableTree({ collapsible, value, indicator, indentationWidth, removable, renderItem, onChange, onRemoveBefore, __designMode, maxLevel, }: Props): React.JSX.Element;
+declare const Demo: (props: Props) => React.JSX.Element;
 export default Demo;