@pisell/materials 1.0.507 → 1.0.508

package/lowcode/pisell-header-progress-bar/meta.ts

@@ -0,0 +1,116 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'PisellHeaderProgressBar',
+  title: '顶部进度栏',
+  category: '导航',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'PisellHeaderProgressBar',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  props: [
+    {
+      title: '基础',
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: 'showClose',
+          title: { label: '显示关闭', tip: 'showClose | 显示关闭' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+        {
+          name: 'title',
+          title: { label: '标题', tip: 'title | 标题' },
+          propType: 'node',
+          setter: {
+            componentName: 'SlotSetter',
+            initialValue: {
+              type: 'JSSlot',
+              value: [],
+            },
+          }
+        },
+        {
+          name: 'stepText',
+          title: { label: '步骤文案', tip: 'stepText | 步骤文案' },
+          propType: 'node',
+          setter: {
+            componentName: 'SlotSetter',
+            initialValue: {
+              type: 'JSSlot',
+              value: [],
+            },
+          }
+        }
+      ],
+    },
+    {
+      title: '外观',
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: 'enableShadow',
+          title: { label: '启用投影', tip: 'enableShadow | 启用投影' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+        {
+          name: 'enableBorder',
+          title: { label: '启用描边', tip: 'enableBorder | 启用描边' },
+          propType: 'bool',
+          setter: 'BoolSetter',
+          defaultValue: true,
+        },
+        {
+          name: 'borderWidth',
+          title: { label: '描边粗细', tip: 'borderWidth | 描边粗细' },
+          setter: 'NumberSetter',
+          defaultValue: 1,
+        },
+        {
+          name: 'borderColor',
+          title: '描边颜色',
+          setter: 'ColorSetter',
+          defaultValue: '#E5E5E5',
+        },
+        {
+          name: 'backgroundColor',
+          title: '头部背景颜色',
+          setter: 'ColorSetter',
+          defaultValue: '#FFFFFF',
+        },
+      ],
+    },
+  ],
+
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onBack',
+          template:
+            'onBack(${extParams}){\n// 点击返回时的回调\n}',
+        },
+        {
+          name: 'onClose',
+          template:
+            'onClose(${extParams}){\n// 点击关闭时的回调\n}',
+        },
+      ],
+    },
+  },
+};

package/lowcode/pisell-header-progress-bar/snippets.ts

@@ -0,0 +1,24 @@
+export default [
+  {
+    title: '顶部进度栏',
+    schema: {
+      componentName: 'PisellHeaderProgressBar',
+      props: {
+        showClose: true,
+        enableShadow: true,
+        enableBorder: true,
+        borderWidth: 1,
+        borderColor: '#E5E5E5',
+        backgroundColor: '#FFFFFF',
+        title: {
+          type: "JSSlot",
+          value: [],
+        },
+        stepText: {
+          type: "JSSlot",
+          value: [],
+        },
+      },
+    },
+  },
+];

package/lowcode/pisell-list01/meta.ts

@@ -0,0 +1,74 @@
+import snippets from "./snippets";
+
+export default {
+  snippets,
+  componentName: "PisellList01",
+  title: "列表1号",
+  category: "Layout",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "PisellList01",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "",
+  },
+  props: [
+    {
+      title: '数据源',
+      display: 'block',
+      type: 'group',
+      items: [
+        {
+          name: 'dataSource',
+          title: { label: '列表数据源', tip: 'dataSource | 列表数据源' },
+          propType: { type: 'arrayOf', value: 'any' },
+          setter: ['JsonSetter', 'VariableSetter'],
+        },
+        {
+          name: 'rowKey',
+          title: {
+            label: '行Key',
+            tip: 'rowKey | 当 renderItem 自定义渲染列表项有效时，自定义每一行的 key 的获取方式',
+          },
+          propType: {
+            type: 'oneOfType',
+            value: ['string', 'function'],
+          },
+          defaultValue: 'id',
+          setter: [
+            'StringSetter',
+            {
+              componentName: 'FunctionSetter',
+              props: {
+                template:
+                  'rowKey(item,${extParams}){\n// 自定义每一行的 key\nreturn `key-${item.id}`;\n}',
+              },
+            },
+            'VariableSetter',
+          ],
+        },
+      ],
+    },
+    {
+      name: 'showSearch',
+      title: { label: '显示搜索', tip: 'showSearch | 显示搜索' },
+      propType: 'bool',
+      setter: 'BoolSetter',
+    },
+    {
+      name: 'showCategory',
+      title: { label: '显示分类', tip: 'showCategory | 显示分类' },
+      propType: 'bool',
+      setter: 'BoolSetter',
+    },
+  ],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+      ],
+    },
+  },
+};

package/lowcode/pisell-list01/snippets.ts

@@ -0,0 +1,35 @@
+export default [
+  {
+    title: '列表1号',
+    screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/avatar-1.jpg',
+    schema: {
+      componentName: 'PisellList01',
+      props: {
+        showSearch: true,
+        showCategory: true,
+        dataSource: [
+          {
+            key: '1',
+            title: '分类1',
+            href: '#1',
+            children: [{
+              id: 1,
+              name: '产品1',
+              price: 100,
+            }]
+          },
+          {
+            key: '2',
+            title: '分类2',
+            href: '#2',
+            children: [{
+              id: 2,
+              name: '产品2',
+              price: 100,
+            }]
+          }
+        ]
+      },
+    },
+  },
+];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.507",
+  "version": "1.0.508",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -69,8 +69,8 @@
     "libphonenumber-js": "^1.11.17",
     "swiper": "^8.4.7",
     "@pisell/date-picker": "1.0.114",
-    "@pisell/icon": "0.0.10",
-    "@pisell/utils": "1.0.43"
+    "@pisell/utils": "1.0.43",
+    "@pisell/icon": "0.0.10"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/es/components/pisellProgressBar/index.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface PisellStepHeaderProps {
-    step?: number;
-    title?: string;
-    showBack?: boolean;
-    showClose?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-    onBack?: () => void;
-    onClose?: () => void;
-}
-declare const PisellStepHeader: React.FC<PisellStepHeaderProps>;
-export default PisellStepHeader;

package/es/components/pisellProgressBar/index.js

@@ -1,44 +0,0 @@
-import React from 'react';
-import { CloseOutlined, LeftOutlined } from '@ant-design/icons';
-import PisellSectionHeaders from "../pisellSectionHeaders";
-import classNames from 'classnames';
-import "./index.less";
-var PisellStepHeader = function PisellStepHeader(_ref) {
-  var _ref$step = _ref.step,
-    step = _ref$step === void 0 ? 1 : _ref$step,
-    title = _ref.title,
-    _ref$showBack = _ref.showBack,
-    showBack = _ref$showBack === void 0 ? true : _ref$showBack,
-    _ref$showClose = _ref.showClose,
-    showClose = _ref$showClose === void 0 ? true : _ref$showClose,
-    className = _ref.className,
-    style = _ref.style,
-    onBack = _ref.onBack,
-    onClose = _ref.onClose;
-  // 构建左侧内容
-  var leftContent = /*#__PURE__*/React.createElement("div", {
-    className: "pisell-step-header-left"
-  }, showBack && /*#__PURE__*/React.createElement("div", {
-    className: "pisell-step-header-back",
-    onClick: onBack
-  }, /*#__PURE__*/React.createElement(LeftOutlined, null)), /*#__PURE__*/React.createElement("div", {
-    className: "pisell-step-header-content"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "pisell-step-header-step"
-  }, "Step ", step), /*#__PURE__*/React.createElement("span", {
-    className: "pisell-step-header-title"
-  }, title)));
-
-  // 构建右侧内容
-  var rightContent = showClose ? /*#__PURE__*/React.createElement("div", {
-    className: "pisell-step-header-close",
-    onClick: onClose
-  }, /*#__PURE__*/React.createElement(CloseOutlined, null)) : null;
-  return /*#__PURE__*/React.createElement(PisellSectionHeaders, {
-    className: classNames('pisell-step-header', className),
-    style: style,
-    backNode: leftContent,
-    actionNode: rightContent
-  });
-};
-export default PisellStepHeader;

package/es/components/pisellProgressBar/index.less

@@ -1,48 +0,0 @@
-.pisell-step-header {
-  &-left {
-    display: flex;
-    align-items: center;
-    gap: 16px;
-  }
-
-  &-back {
-    cursor: pointer;
-    color: #666;
-    font-size: 16px;
-    display: flex;
-    align-items: center;
-
-    &:hover {
-      color: #1890ff;
-    }
-  }
-
-  &-content {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-  }
-
-  &-step {
-    font-size: 14px;
-    color: #666;
-  }
-
-  &-title {
-    font-size: 16px;
-    font-weight: 500;
-    color: #333;
-  }
-
-  &-close {
-    cursor: pointer;
-    color: #666;
-    font-size: 16px;
-    display: flex;
-    align-items: center;
-
-    &:hover {
-      color: #1890ff;
-    }
-  }
-}

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface PisellStepHeaderProps {
-    step?: number;
-    title?: string;
-    showBack?: boolean;
-    showClose?: boolean;
-    className?: string;
-    style?: React.CSSProperties;
-    onBack?: () => void;
-    onClose?: () => void;
-}
-declare const PisellStepHeader: React.FC<PisellStepHeaderProps>;
-export default PisellStepHeader;

package/lib/components/pisellProgressBar/index.js

@@ -1,62 +0,0 @@
-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/pisellProgressBar/index.tsx
-var pisellProgressBar_exports = {};
-__export(pisellProgressBar_exports, {
-  default: () => pisellProgressBar_default
-});
-module.exports = __toCommonJS(pisellProgressBar_exports);
-var import_react = __toESM(require("react"));
-var import_icons = require("@ant-design/icons");
-var import_pisellSectionHeaders = __toESM(require("../pisellSectionHeaders"));
-var import_classnames = __toESM(require("classnames"));
-var import_index = require("./index.less");
-var PisellStepHeader = ({
-  step = 1,
-  title,
-  showBack = true,
-  showClose = true,
-  className,
-  style,
-  onBack,
-  onClose
-}) => {
-  const leftContent = /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-step-header-left" }, showBack && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-step-header-back", onClick: onBack }, /* @__PURE__ */ import_react.default.createElement(import_icons.LeftOutlined, null)), /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-step-header-content" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-step-header-step" }, "Step ", step), /* @__PURE__ */ import_react.default.createElement("span", { className: "pisell-step-header-title" }, title)));
-  const rightContent = showClose ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-step-header-close", onClick: onClose }, /* @__PURE__ */ import_react.default.createElement(import_icons.CloseOutlined, null)) : null;
-  return /* @__PURE__ */ import_react.default.createElement(
-    import_pisellSectionHeaders.default,
-    {
-      className: (0, import_classnames.default)("pisell-step-header", className),
-      style,
-      backNode: leftContent,
-      actionNode: rightContent
-    }
-  );
-};
-var pisellProgressBar_default = PisellStepHeader;

package/lib/components/pisellProgressBar/index.less

@@ -1,48 +0,0 @@
-.pisell-step-header {
-  &-left {
-    display: flex;
-    align-items: center;
-    gap: 16px;
-  }
-
-  &-back {
-    cursor: pointer;
-    color: #666;
-    font-size: 16px;
-    display: flex;
-    align-items: center;
-
-    &:hover {
-      color: #1890ff;
-    }
-  }
-
-  &-content {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-  }
-
-  &-step {
-    font-size: 14px;
-    color: #666;
-  }
-
-  &-title {
-    font-size: 16px;
-    font-weight: 500;
-    color: #333;
-  }
-
-  &-close {
-    cursor: pointer;
-    color: #666;
-    font-size: 16px;
-    display: flex;
-    align-items: center;
-
-    &:hover {
-      color: #1890ff;
-    }
-  }
-}

package/lowcode/pisell-progress-bar/meta.ts

@@ -1,115 +0,0 @@
-import snippets from './snippets';
-
-export default {
-  snippets,
-  componentName: 'PisellProgressBar',
-  title: '顶部进度栏',
-  category: '导航',
-  docUrl: '',
-  screenshot: '',
-  devMode: 'proCode',
-  npm: {
-    package: '@pisell/materials',
-    version: '1.0.1',
-    exportName: 'PisellProgressBar',
-    main: 'src/index.tsx',
-    destructuring: true,
-    subName: '',
-  },
-  props: [{
-    name: 'showClose',
-    title: {
-      label: '显示关闭',
-      tip: 'showClose | 显示关闭',
-    },
-    propType: 'bool',
-    setter: 'BoolSetter',
-    defaultValue: true,
-  },
-  {
-    name: 'isConfirmClose',
-    title: {
-      label: '关闭时二次确认',
-      tip: 'isConfirmClose | 关闭时二次确认',
-    },
-    propType: 'bool',
-    setter: 'BoolSetter',
-    defaultValue: true,
-    condition(target) {
-      return target.getProps().getPropValue("showClose");
-    },
-  },
-  {
-    name: 'showStep',
-    title: {
-      label: '显示步骤',
-      tip: 'showStep | 显示步骤',
-    },
-    propType: 'bool',
-    setter: 'BoolSetter',
-    defaultValue: true,
-  },
-  {
-    name: 'step',
-    title: {
-      label: '当前步骤值',
-      tip: 'step | 当前选择的第几步',
-    },
-    setter: {
-      componentName: 'NumberSetter',
-      props: {
-        min: 1,
-      },
-    },
-    condition(target) {
-      return target.getProps().getPropValue("showStep");
-    },
-  },
-  {
-    type: 'group',
-    title: '外观',
-    display: 'block',
-    items: [
-      {
-        name: 'border',
-        title: {
-          label: '描边',
-          tip: 'border | 描边',
-        },
-        propType: 'bool',
-        setter: 'BoolSetter',
-        defaultValue: true,
-      },
-      {
-        name: 'backgroundColor',
-        title: {
-          label: '头部背景颜色',
-          tip: 'backgroundColor | 头部背景颜色',
-        },
-        setter: 'ColorSetter',
-        defaultValue: '#ffffff',
-      },
-    ]
-  }
-  ],
-  configure: {
-    component: {
-      isContainer: true,
-    },
-    supports: {
-      style: true,
-      events: [
-        {
-          name: 'onBack',
-          template:
-            "onBack(value,${extParams}){\n// 返回事件的回调\nconsole.log('onBack',value);}",
-        },
-        {
-          name: 'onAction',
-          template:
-            "onAction(value,${extParams}){\n// 右侧操作事件的回调\nconsole.log('onAction',value);}",
-        },
-      ],
-    },
-  },
-};

package/lowcode/pisell-progress-bar/snippets.ts

@@ -1,15 +0,0 @@
-export default [
-  {
-    title: '顶部进度栏',
-    schema: {
-      componentName: 'PisellProgressBar',
-      props: {
-        showClose: true,
-        isConfirmClose: true,
-        showStep: true,
-        step: 1,
-        backgroundColor: '#ffffff'
-      },
-    },
-  },
-];