@pisell/materials 1.0.231 → 1.0.232

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

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const _default: (props: any) => React.JSX.Element;
-export default _default;
+declare const Dropdown: (props: any) => React.JSX.Element;
+export default Dropdown;

package/es/components/dropdown/index.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React from 'react';
 import { Dropdown as OriginalDropdown } from 'antd';
 import { withSingleChild } from "../../utils/hoc";
-var Dropdown = function Dropdown(props) {
+var _Dropdown = function _Dropdown(props) {
   var innerProps = {};
   if (props.__designMode === 'design') {
     // 低代码编辑态中强制显示，将控制权交给引擎侧
@@ -10,4 +10,6 @@ var Dropdown = function Dropdown(props) {
   }
   return /*#__PURE__*/React.createElement(OriginalDropdown, _extends({}, props, innerProps));
 };
-export default withSingleChild(Dropdown, ['children', 'overlay']);
+var Dropdown = withSingleChild(_Dropdown, ['children', 'overlay']);
+Dropdown.Button = OriginalDropdown.Button;
+export default Dropdown;

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

@@ -1,3 +1,3 @@
 import React from 'react';
-declare const _default: (props: any) => React.JSX.Element;
-export default _default;
+declare const Dropdown: (props: any) => React.JSX.Element;
+export default Dropdown;

package/lib/components/dropdown/index.js

@@ -35,11 +35,13 @@ module.exports = __toCommonJS(dropdown_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var import_hoc = require("../../utils/hoc");
-var Dropdown = (props) => {
+var _Dropdown = (props) => {
   const innerProps = {};
   if (props.__designMode === "design") {
     innerProps.open = true;
   }
   return /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { ...props, ...innerProps });
 };
-var dropdown_default = (0, import_hoc.withSingleChild)(Dropdown, ["children", "overlay"]);
+var Dropdown = (0, import_hoc.withSingleChild)(_Dropdown, ["children", "overlay"]);
+Dropdown.Button = import_antd.Dropdown.Button;
+var dropdown_default = Dropdown;

package/lowcode/dropdown.button/meta.ts

@@ -0,0 +1,221 @@
+import snippets from './snippets';
+
+export default {
+  snippets,
+  componentName: 'Dropdown.Button',
+  title: '下拉菜单',
+  category: '导航',
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "Dropdown",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "Button",
+  },
+  props: [
+    {
+      name: 'open',
+      title: { label: '菜单是否显示', tip: '菜单是否显示' },
+      propType: { type: 'oneOf', value: [true, false, '-'] },
+      defaultValue: '-',
+      setter: {
+        componentName: 'RadioGroupSetter',
+        props: {
+          options: [
+            {
+              title: '默认非受控',
+              value: '-',
+            },
+            {
+              title: '显示',
+              value: true,
+            },
+            {
+              title: '不显示',
+              value: false,
+            },
+          ],
+        },
+      },
+      extraProps: {
+        getValue(target, fieldValue) {
+          const { node } = target;
+          let value = node.getPropValue('open');
+          if (value === undefined) {
+            value = '-';
+          }
+          return value;
+        },
+        setValue(target, value) {
+          const { node } = target;
+          if (value === '-') {
+            setTimeout(() => {
+              node.clearPropValue('open');
+            });
+          }
+        },
+      },
+    },
+    {
+      name: 'arrow',
+      title: { label: '显示下拉箭头', tip: '是否显示下拉箭头' },
+      propType: 'bool',
+      defaultValue: false,
+    },
+    {
+      name: 'disabled',
+      title: { label: '是否禁用', tip: '是否为禁用状态' },
+      propType: 'bool',
+    },
+    // {
+    //   name: 'getPopupContainer',
+    //   title: {
+    //     label: '渲染父节点',
+    //     tip:
+    //       '菜单渲染父节点。默认渲染到 body 上，如果你遇到菜单滚动定位问题，试试修改为滚动的区域，并相对其定位。[示例](https://codepen.io/afc163/pen/zEjNOy?editors=0010)',
+    //   },
+    //   propType: 'func',
+    // },
+    {
+      name: 'overlay',
+      title: { label: '菜单', tip: '菜单' },
+      propType: { type: 'oneOfType', value: ['node', 'func'] },
+    },
+    // {
+    //   name: 'overlayClassName',
+    //   title: { label: '根元素的类名称', tip: '根元素的类名称' },
+    //   propType: 'string',
+    // },
+    // {
+    //   name: 'overlayStyle',
+    //   title: { label: '根元素的样式', tip: '根元素的样式' },
+    //   propType: 'object',
+    // },
+
+    {
+      name: "type",
+      title: {
+        label: "type",
+        tip: "set button type",
+      },
+      propType: {
+        type: "oneOf",
+        value: ["primary", "ghost", "dashed", "danger", "link", "text"],
+      },
+      setter: [
+        {
+          componentName: "SelectSetter",
+          props: {
+            options: [
+              {
+                title: "primary button",
+                value: "primary",
+              },
+              {
+                title: "dashed button",
+                value: "dashed",
+              },
+              {
+                title: "danger button",
+                value: "danger",
+              },
+              {
+                title: "link butto",
+                value: "link",
+              },
+              {
+                title: "text button",
+                value: "text",
+              },
+            ],
+          },
+        },
+        "VariableSetter",
+      ],
+    },
+    {
+      name: "size",
+      title: {
+        label: "size",
+        tip: "set button size",
+      },
+      propType: { type: "oneOf", value: ["large", "middle", "small"] },
+      setter: [
+        {
+          componentName: "RadioGroupSetter",
+          props: {
+            options: [
+              {
+                title: "large",
+                value: "large",
+              },
+              {
+                title: "middle",
+                value: "middle",
+              },
+              {
+                title: "small",
+                value: "small",
+              },
+            ],
+          },
+        },
+        "VariableSetter",
+      ],
+      defaultValue: "middle",
+    },
+    {
+      name: 'placement',
+      title: {
+        label: '弹出位置',
+        tip:
+          '菜单弹出位置：`bottomLeft` `bottom` `bottomRight` `topLeft` `top` `topRight`',
+      },
+      propType: {
+        type: 'oneOf',
+        value: ['bottomLeft', 'bottom', 'bottomRight', 'topLeft', 'top', 'topRight'],
+      },
+    },
+    {
+      name: 'trigger',
+      title: {
+        label: '触发下拉的行为',
+        tip: '触发下拉的行为, 移动端不支持 hover',
+      },
+      propType: {
+        type: 'arrayOf',
+        value: { type: 'oneOf', value: ['click', 'hover', 'contextMenu'] },
+      },
+    },
+    {
+      name: 'onOpenChange',
+      title: {
+        label: '显示状态回调',
+        tip: '菜单显示状态改变时调用，参数为 `open`',
+      },
+      propType: 'func',
+    },
+  ],
+  configure: {
+    component: { isContainer: true },
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onOpenChange',
+          template:
+            "onOpenChange(open,${extParams}){\n// 菜单显示状态改变时调用\nconsole.log('onOpenChange',open);}",
+        },
+        {
+          name: 'onClick',
+          template:
+            "onClick(e,${extParams}){\n// 按钮点击时调用\nconsole.log('onClick',e);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/dropdown.button/snippets.ts

@@ -0,0 +1,42 @@
+export default [
+  {
+    title: "带下拉框的按钮",
+    screenshot:
+      "https://alifd.alicdn.com/fusion-cool/icons/icon-antd/dropdown-1.png",
+    schema: {
+      componentName: "Dropdown.Button",
+      props: {
+        trigger: ["click"],
+        overlay: {
+          type: "JSSlot",
+          value: [
+            {
+              componentName: "Menu",
+              props: {
+                items: [
+                  {
+                    key: "timeLinei5wd",
+                    category: "Item",
+                    title: "菜单名",
+                    label: "菜单名"
+                  },
+                ],
+              },
+            },
+          ],
+        },
+      },
+      children: [
+        {
+          componentName: "Typography.Text",
+          props: {
+            children: "Dropdown",
+            style: {
+              color: "inherit",
+            },
+          },
+        }
+      ],
+    },
+  },
+];

package/package.json

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