@pisell/materials 1.0.618 → 1.0.620

package/es/components/dataSourceComponents/fields/DatePicker/ReadPretty.js

@@ -6,7 +6,7 @@ import "./ReadPretty.less";
 var DEFAULT_FORMAT = 'YYYY-MM-DD HH:mm:ss';
 var DATE_FORMATS = {
   'zh-CN': 'YYYY-MM-DD HH:mm:ss',
-  'en-US': 'HH:mm:ss YYYY-MM-DD'
+  'en': 'HH:mm:ss YYYY/MM/DD'
 };
 var DatePickerReadPretty = function DatePickerReadPretty(_ref) {
   var value = _ref.value,

package/es/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/es/components/pisellAppCard/PisellAppCard.js

@@ -0,0 +1,75 @@
+import React from 'react';
+import { Dropdown, Button } from 'antd';
+import classNames from 'classnames';
+import PisellTags from "../pisellTags";
+import PisellCard from "../pisellCard";
+import PisellAvatar from "../pisellAvatar";
+import "./PisellAppCard.less";
+import Icon from "../icon";
+var PisellAppCard = function PisellAppCard(_ref) {
+  var className = _ref.className,
+    style = _ref.style,
+    avatar = _ref.avatar,
+    tags = _ref.tags,
+    title = _ref.title,
+    description = _ref.description,
+    bottomButtons = _ref.bottomButtons,
+    moreActions = _ref.moreActions;
+  return /*#__PURE__*/React.createElement(PisellCard, {
+    className: classNames('pisell-lowcode-app-card', className),
+    style: style
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode-app-card-header"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode-app-card-header-left"
+  }, avatar && /*#__PURE__*/React.createElement(PisellAvatar, {
+    src: avatar,
+    alt: title,
+    size: "xl",
+    shape: "square",
+    style: {
+      border: 'none'
+    }
+  })), /*#__PURE__*/React.createElement("div", null, moreActions && moreActions.length > 0 && /*#__PURE__*/React.createElement(Dropdown, {
+    menu: {
+      items: moreActions.map(function (action, index) {
+        return {
+          key: index,
+          label: action.label,
+          onClick: action.onClick
+        };
+      })
+    },
+    placement: "bottomRight",
+    trigger: ['click']
+  }, /*#__PURE__*/React.createElement(Button, {
+    icon: /*#__PURE__*/React.createElement(Icon, {
+      type: "pisell2-dots-vertical"
+    }),
+    size: "large"
+  })))), /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode-app-card-content"
+  }, tags && tags.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode-app-card-content-tags"
+  }, tags.map(function (tag, index) {
+    return /*#__PURE__*/React.createElement(PisellTags, {
+      key: index,
+      type: tag.type,
+      color: tag.color
+    }, tag.label);
+  })), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode-app-card-content-title"
+  }, title), description && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode-app-card-content-description"
+  }, description))), bottomButtons && bottomButtons.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: "pisell-lowcode-app-card-footer"
+  }, bottomButtons.map(function (button, index) {
+    return /*#__PURE__*/React.createElement(Button, {
+      type: button.type,
+      onClick: button.onClick,
+      key: index,
+      size: "large"
+    }, button.label);
+  })));
+};
+export default PisellAppCard;

package/es/components/pisellAppCard/PisellAppCard.less

@@ -0,0 +1,49 @@
+.pisell-lowcode-app-card {
+  background: #fff;
+  border: 1px solid #f0f0f0;
+
+  .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-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/es/components/pisellAppCard/index.d.ts

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

package/es/components/pisellAppCard/index.js

@@ -0,0 +1,2 @@
+import PisellAppCard from "./PisellAppCard";
+export default PisellAppCard;

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

@@ -0,0 +1,31 @@
+import { CSSProperties } from 'react';
+export interface PisellAppCardProps {
+    /** 类名 */
+    className?: string;
+    /** 样式 */
+    style?: CSSProperties;
+    /** 头像地址 */
+    avatar?: 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';
+    }>;
+    /** 右侧更多操作列表 */
+    moreActions?: Array<{
+        label: string;
+        onClick?: () => void;
+        icon?: React.ReactNode;
+    }>;
+}

package/es/components/pisellAppCard/types.js

@@ -0,0 +1 @@
+export {};

package/es/index.d.ts

@@ -134,3 +134,5 @@ export { default as VirtualKeyboardTime } from './components/virtual-keyboard/Ti
 export { default as WalletCard } from './components/walletCard';
 export { default as PisellDropSort } from './components/pisellDropSort';
 export { default as PisellNavigationMenu } from './components/pisellNavigationMenu';
+export { default as PisellAppCard } from './components/pisellAppCard';
+export type { PisellAppCardProps } from './components/pisellAppCard/types';

package/es/index.js

@@ -133,4 +133,5 @@ export { default as PisellNumberKeyboard } from "./components/virtual-keyboard/N
 export { default as VirtualKeyboardTime } from "./components/virtual-keyboard/Time";
 export { default as WalletCard } from "./components/walletCard";
 export { default as PisellDropSort } from "./components/pisellDropSort";
-export { default as PisellNavigationMenu } from "./components/pisellNavigationMenu";
+export { default as PisellNavigationMenu } from "./components/pisellNavigationMenu";
+export { default as PisellAppCard } from "./components/pisellAppCard";

package/lib/components/dataSourceComponents/fields/DatePicker/ReadPretty.js

@@ -40,7 +40,7 @@ var import_ReadPretty = require("./ReadPretty.less");
 var DEFAULT_FORMAT = "YYYY-MM-DD HH:mm:ss";
 var DATE_FORMATS = {
   "zh-CN": "YYYY-MM-DD HH:mm:ss",
-  "en-US": "HH:mm:ss YYYY-MM-DD"
+  "en": "HH:mm:ss YYYY/MM/DD"
 };
 var DatePickerReadPretty = ({ value, renderMode }) => {
   const { locale = "zh-CN" } = (0, import_usePisellConfig.default)();

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,102 @@
+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
+}) => {
+  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 && /* @__PURE__ */ import_react.default.createElement(
+      import_pisellAvatar.default,
+      {
+        src: avatar,
+        alt: title,
+        size: "xl",
+        shape: "square",
+        style: { border: "none" }
+      }
+    )), /* @__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) => /* @__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,49 @@
+.pisell-lowcode-app-card {
+  background: #fff;
+  border: 1px solid #f0f0f0;
+
+  .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-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,31 @@
+import { CSSProperties } from 'react';
+export interface PisellAppCardProps {
+    /** 类名 */
+    className?: string;
+    /** 样式 */
+    style?: CSSProperties;
+    /** 头像地址 */
+    avatar?: 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';
+    }>;
+    /** 右侧更多操作列表 */
+    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/index.d.ts

@@ -134,3 +134,5 @@ export { default as VirtualKeyboardTime } from './components/virtual-keyboard/Ti
 export { default as WalletCard } from './components/walletCard';
 export { default as PisellDropSort } from './components/pisellDropSort';
 export { default as PisellNavigationMenu } from './components/pisellNavigationMenu';
+export { default as PisellAppCard } from './components/pisellAppCard';
+export type { PisellAppCardProps } from './components/pisellAppCard/types';

package/lib/index.js

@@ -109,6 +109,7 @@ __export(src_exports, {
   PisellAdjustPriceInputNumber: () => import_PisellAdjustPriceInputNumber.default,
   PisellAlert: () => import_pisellAlert.default,
   PisellAnchor: () => import_pisellAnchor.default,
+  PisellAppCard: () => import_pisellAppCard.default,
   PisellAvatar: () => import_pisellAvatar.default,
   PisellCard: () => import_pisellCard.default,
   PisellCardList: () => import_pisellCardList.default,
@@ -337,6 +338,7 @@ var import_Time = __toESM(require("./components/virtual-keyboard/Time"));
 var import_walletCard = __toESM(require("./components/walletCard"));
 var import_pisellDropSort = __toESM(require("./components/pisellDropSort"));
 var import_pisellNavigationMenu = __toESM(require("./components/pisellNavigationMenu"));
+var import_pisellAppCard = __toESM(require("./components/pisellAppCard"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Affix,
@@ -419,6 +421,7 @@ var import_pisellNavigationMenu = __toESM(require("./components/pisellNavigation
   PisellAdjustPriceInputNumber,
   PisellAlert,
   PisellAnchor,
+  PisellAppCard,
   PisellAvatar,
   PisellCard,
   PisellCardList,