@pisell/materials 1.0.443 → 1.0.444

package/lib/components/button/index.js

@@ -36,10 +36,12 @@ var import_react = __toESM(require("react"));
 var import_antd = require("antd");
 var Button = (0, import_react.forwardRef)((props, ref) => {
   var _a;
+  console.log("%c [ props ]-15", "font-size:13px; background:#e991b5; color:#ffd5f9;", props);
   const innerProps = {};
   if (!((_a = props.href) == null ? void 0 : _a.trim()) || props.__designMode === "design") {
     innerProps.href = void 0;
   }
+  debugger;
   const _children = (0, import_react.useMemo)(() => {
     if (props.rightIcon) {
       return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("span", { style: { marginRight: 8 } }, " ", props.children), props.rightIcon);

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ButtonGroupListItemProps } from './../buttonGroupPreview';
+interface ButtonGroupEditProps {
+    buttonList: ButtonGroupListItemProps[];
+    buttonGroupList: ButtonGroupListItemProps[][];
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonGroupEditProps & React.RefAttributes<any>>>;
+export default _default;

package/lib/components/buttonGroupEdit/index.js

@@ -0,0 +1,234 @@
+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/buttonGroupEdit/index.tsx
+var buttonGroupEdit_exports = {};
+__export(buttonGroupEdit_exports, {
+  default: () => buttonGroupEdit_default
+});
+module.exports = __toCommonJS(buttonGroupEdit_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_core = require("@dnd-kit/core");
+var import_sortable = require("@dnd-kit/sortable");
+var import_utils = require("../../utils/index");
+var commonStyle = {
+  cursor: "move",
+  transition: "transform 0.3s ease"
+};
+var DraggableButton = ({ buttonItem, buttonList, onEdit }) => {
+  const { id, isMore = false, children = "", buttonProps = {} } = buttonItem;
+  const { listeners, setNodeRef, transform, transition, isDragging } = (0, import_sortable.useSortable)({
+    id
+  });
+  const style = transform ? {
+    ...commonStyle,
+    transform: `translate3d(${transform.x}px, ${transform.y}px, 0)`,
+    transition: isDragging ? "unset" : transition
+  } : commonStyle;
+  const handleClick = (e) => {
+    if (isDragging) {
+      e.stopPropagation();
+      e.preventDefault();
+      return;
+    }
+  };
+  const menu = {
+    items: buttonList.filter((item) => !item.isMore).map((item) => ({ key: item.id, label: item.children })),
+    onClick: (e) => {
+      const item = buttonList.find((item2) => item2.id === e.key);
+      onEdit(item);
+    }
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { ref: setNodeRef, ...listeners, style }, isMore ? /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { menu }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { onClick: handleClick }, /* @__PURE__ */ import_react.default.createElement(import_icons.MoreOutlined, null))) : /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { style, ...buttonProps, onClick: () => onEdit(buttonItem) }, children));
+};
+var ButtonGroupEdit = (0, import_react.forwardRef)((props, ref) => {
+  const [buttonList, setButtonList] = (0, import_react.useState)(props.buttonList);
+  const [buttonGroupList, setButtonGroupList] = (0, import_react.useState)(props.buttonGroupList);
+  const sensors = (0, import_core.useSensors)(
+    (0, import_core.useSensor)(import_core.PointerSensor, {
+      activationConstraint: {
+        distance: 5
+      }
+    })
+  );
+  const [isModalVisible, setIsModalVisible] = (0, import_react.useState)(false);
+  const [currentButton, setCurrentButton] = (0, import_react.useState)(null);
+  const [form] = import_antd.Form.useForm();
+  (0, import_react.useEffect)(() => {
+    setButtonList(props.buttonList);
+    if (props.buttonList.length > 0) {
+      setButtonList([...buttonList, {
+        id: (0, import_utils.uuid)(),
+        isMore: true
+      }]);
+    } else {
+      setButtonGroupList(props.buttonGroupList);
+    }
+  }, [props.buttonList, props.buttonGroupList]);
+  const addRow = () => {
+    const newButton = {
+      id: (0, import_utils.uuid)(),
+      children: `按钮${(0, import_utils.uuid)()}`,
+      // 默认按钮文本
+      buttonProps: {
+        type: "default"
+      }
+    };
+    setButtonGroupList((prev) => [...prev, [newButton]]);
+  };
+  (0, import_react.useEffect)(() => {
+    var _a;
+    if (currentButton) {
+      form.setFieldsValue({ children: currentButton.children, type: (_a = currentButton.buttonProps) == null ? void 0 : _a.type });
+    }
+  }, [currentButton, form]);
+  const handleEditButton = (button) => {
+    setCurrentButton(button);
+    setIsModalVisible(true);
+  };
+  const handleCancel = () => {
+    setIsModalVisible(false);
+    setCurrentButton(null);
+  };
+  const handleSave = (values) => {
+    console.log("%c [ values ]-153", "font-size:13px; background:#968084; color:#dac4c8;", values);
+    if (!currentButton)
+      return;
+    const updatedButton = { ...currentButton, children: values.children, buttonProps: values };
+    setButtonList(
+      (prevList) => prevList.map(
+        (item) => item.id === currentButton.id ? { ...item, ...updatedButton } : item
+      )
+    );
+    setButtonGroupList(
+      (prevGroupList) => prevGroupList.map(
+        (row) => row.map(
+          (item) => item.id === currentButton.id ? { ...item, ...updatedButton } : item
+        )
+      )
+    );
+    handleCancel();
+  };
+  const onDragEnd = (event) => {
+    var _a, _b, _c, _d, _e;
+    const { active, over } = event;
+    if (!over)
+      return;
+    let activeId = active.id;
+    let overId = over.id;
+    let activeContainerId = "";
+    let overContainerId = "";
+    if ((_a = active == null ? void 0 : active.data) == null ? void 0 : _a.current) {
+      activeContainerId = active.data.current.sortable.containerId;
+    }
+    if ((_b = over == null ? void 0 : over.data) == null ? void 0 : _b.current) {
+      overContainerId = over.data.current.sortable.containerId;
+    }
+    try {
+      if (activeContainerId === "list1" && overContainerId === "list2") {
+        const activeIndex = buttonList.findIndex((item) => item.id === activeId);
+        if (activeIndex === -1)
+          return;
+        const movedItem = { ...buttonList[activeIndex] };
+        const overRowIndex = buttonGroupList.findIndex((row) => row.some((item) => item.id === overId));
+        if (overRowIndex === -1)
+          return;
+        const updatedGroupList = [...buttonGroupList];
+        updatedGroupList[overRowIndex].push(movedItem);
+        const updatedButtonList = buttonList.filter((item) => item.id !== activeId);
+        setButtonGroupList(updatedGroupList);
+        setButtonList(updatedButtonList);
+      }
+      if (activeContainerId === "list2" && overContainerId === "list1") {
+        const overRowIndex = buttonGroupList.findIndex((row) => row.some((item) => item.id === overId));
+        if (overRowIndex === -1)
+          return;
+        const overColIndex = (_c = buttonGroupList[overRowIndex]) == null ? void 0 : _c.findIndex((item) => item.id === overId);
+        if (overColIndex === -1)
+          return;
+        const [movedItem] = buttonGroupList[overRowIndex].splice(overColIndex, 1);
+        setButtonGroupList([...buttonGroupList]);
+        setButtonList((prev) => [...prev, movedItem]);
+      }
+      if (activeContainerId === "list1" && overContainerId === "list1") {
+        const activeIndex = buttonList.findIndex((item) => item.id === activeId);
+        const overIndex = buttonList.findIndex((item) => item.id === overId);
+        if (activeIndex === -1 || overIndex === -1)
+          return;
+        const updatedList = [...buttonList];
+        const [movedItem] = updatedList.splice(activeIndex, 1);
+        updatedList.splice(overIndex, 0, movedItem);
+        setButtonList(updatedList);
+      }
+      if (activeContainerId === "list2" && overContainerId === "list2") {
+        const activeRowIndex = buttonGroupList.findIndex((row) => row.some((item) => item.id === activeId));
+        const activeColIndex = (_d = buttonGroupList[activeRowIndex]) == null ? void 0 : _d.findIndex((item) => item.id === activeId);
+        const overRowIndex = buttonGroupList.findIndex((row) => row.some((item) => item.id === overId));
+        const overColIndex = (_e = buttonGroupList[overRowIndex]) == null ? void 0 : _e.findIndex((item) => item.id === overId);
+        if (activeRowIndex === -1 || overRowIndex === -1 || activeColIndex === -1 || overColIndex === -1)
+          return;
+        const updatedGroupList = [...buttonGroupList];
+        const [movedItem] = updatedGroupList[activeRowIndex].splice(activeColIndex, 1);
+        updatedGroupList[overRowIndex].splice(overColIndex, 0, movedItem);
+        setButtonGroupList(updatedGroupList);
+      }
+    } catch (error) {
+      console.error("拖拽结束时出错:", error);
+    }
+  };
+  console.log("%c [ currentButton ]-235", "font-size:13px; background:#07d83a; color:#4bff7e;", currentButton);
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { wrap: true, justify: "space-between", align: "center", gap: "middle" }, /* @__PURE__ */ import_react.default.createElement(import_core.DndContext, { onDragEnd, sensors, collisionDetection: import_core.closestCenter }, /* @__PURE__ */ import_react.default.createElement(import_antd.Card, { title: "按钮列表" }, /* @__PURE__ */ import_react.default.createElement(import_sortable.SortableContext, { id: "list1", items: buttonList.map((item) => item.id), strategy: import_sortable.verticalListSortingStrategy }, /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { gap: "middle", vertical: true }, buttonList.map((item) => /* @__PURE__ */ import_react.default.createElement(
+    DraggableButton,
+    {
+      key: item.id,
+      buttonItem: item,
+      buttonList,
+      onEdit: handleEditButton
+    }
+  ))))), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", icon: /* @__PURE__ */ import_react.default.createElement(import_icons.SwapOutlined, null) }), /* @__PURE__ */ import_react.default.createElement(import_antd.Card, { title: "调整列表", style: { flex: 1 } }, /* @__PURE__ */ import_react.default.createElement(import_sortable.SortableContext, { id: "list2", items: buttonGroupList.flat().map((item) => item.id), strategy: import_sortable.verticalListSortingStrategy }, /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { gap: "middle", vertical: true }, buttonGroupList.map((subItem, rowIndex) => /* @__PURE__ */ import_react.default.createElement(import_antd.Card, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { key: rowIndex, gap: "middle" }, subItem.map((item) => /* @__PURE__ */ import_react.default.createElement(
+    DraggableButton,
+    {
+      key: item.id,
+      buttonItem: item,
+      buttonList,
+      onEdit: handleEditButton
+    }
+  ))))))))), /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", onClick: addRow }, "新增一行"), /* @__PURE__ */ import_react.default.createElement(
+    import_antd.Modal,
+    {
+      title: "编辑按钮属性",
+      open: isModalVisible,
+      onCancel: handleCancel,
+      footer: null
+    },
+    currentButton && /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { form, onFinish: handleSave }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "children", label: "按钮名称", rules: [{ required: true, message: "请输入按钮名称" }] }, /* @__PURE__ */ import_react.default.createElement(import_antd.Input, { placeholder: "请输入按钮名称" })), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "type", label: "按钮类型", rules: [{ required: true, message: "请选择按钮类型" }] }, /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Group, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { value: "primary" }, "primary"), /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { value: "dashed" }, "dashed"), /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { value: "link" }, "link"), /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { value: "text" }, "text"), /* @__PURE__ */ import_react.default.createElement(import_antd.Radio.Button, { value: "default" }, "default"))), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, null, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", htmlType: "submit" }, "保存")))
+  ));
+});
+var buttonGroupEdit_default = (0, import_react.memo)(ButtonGroupEdit);

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { MenuProps, ButtonProps } from 'antd';
+export interface ButtonGroupListItemProps {
+    id: string;
+    children?: string;
+    isMore?: boolean;
+    menuData?: MenuProps['items'];
+    buttonProps?: ButtonProps;
+    updateButtonProps?: ButtonProps;
+}
+interface ButtonConfigProps {
+    [id: string]: ButtonGroupListItemProps;
+}
+export declare type ButtonGroupListProps = ButtonGroupListItemProps[][];
+interface ButtonGroupPreviewProps {
+    buttonConfig?: ButtonConfigProps;
+    buttonGroupList: ButtonGroupListProps;
+}
+declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonGroupPreviewProps & React.RefAttributes<any>>>;
+export default _default;

package/lib/components/buttonGroupPreview/index.js

@@ -0,0 +1,65 @@
+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/buttonGroupPreview/index.tsx
+var buttonGroupPreview_exports = {};
+__export(buttonGroupPreview_exports, {
+  default: () => buttonGroupPreview_default
+});
+module.exports = __toCommonJS(buttonGroupPreview_exports);
+var import_react = __toESM(require("react"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var updateSourceData = ({ buttonConfig, buttonGroupList }) => {
+  console.log("%c [ 0 ]-43", "font-size:13px; background:#26c778; color:#6affbc;", Object.keys(buttonConfig).length !== 0);
+  if (Object.keys(buttonConfig).length !== 0) {
+    return buttonGroupList.map((subArray) => {
+      return subArray.map((item) => {
+        if (buttonConfig.hasOwnProperty(item.id)) {
+          return buttonConfig[item.id];
+        }
+        return item;
+      });
+    });
+  }
+  console.log("%c [ buttonGroupList ]-54", "font-size:13px; background:#721db9; color:#b661fd;", buttonGroupList);
+  return buttonGroupList;
+};
+var ButtonGroupPreview = (0, import_react.forwardRef)((props, ref) => {
+  const { buttonConfig = {}, buttonGroupList = [] } = props;
+  console.log("%c [ props ]-57", "font-size:13px; background:#305767; color:#749bab;", props);
+  const sourceDatas = (0, import_react.useMemo)(() => {
+    return updateSourceData({ buttonConfig, buttonGroupList });
+  }, [buttonGroupList, buttonConfig]);
+  return /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { wrap: true, vertical: true, style: { marginBottom: 10 } }, sourceDatas.map((item, index) => /* @__PURE__ */ import_react.default.createElement(import_antd.Space, { key: index }, item.map((items, index2) => {
+    const { isMore = false, id = "", menuData = [], children = "默认按钮名称", buttonProps, updateButtonProps = {} } = items;
+    const btnProps = { ...buttonProps, ...updateButtonProps };
+    return isMore ? /* @__PURE__ */ import_react.default.createElement(import_antd.Dropdown, { menu: { items: menuData } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, null, /* @__PURE__ */ import_react.default.createElement(import_icons.MoreOutlined, null))) : /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { key: id, ...btnProps, children: updateButtonProps.children || children });
+  }))));
+});
+var buttonGroupPreview_default = (0, import_react.memo)(ButtonGroupPreview);

package/lib/components/tabs/index.js

@@ -60,6 +60,8 @@ var Tabs = class extends import_react.Component {
     };
     this.renderIconLabelTabBar = (props, DefaultTabBar) => {
       var _a;
+      console.log("%c [ props ]-31", "font-size:13px; background:#4d3662; color:#917aa6;", props);
+      debugger;
       const { items, sidebarWidth } = this.props;
       let wrapStyle = {
         gap: props.tabBarGutter
@@ -91,7 +93,6 @@ var Tabs = class extends import_react.Component {
               key: item.key,
               onClick: (e) => props.onTabClick(item.key, e)
             },
-            /* @__PURE__ */ import_react.default.createElement(import_antd.Badge, { count: item.badge, offset: [0, 6] }, /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}tab-bar-icon-wrap` }, item.icon)),
             /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}tab-bar-label` }, item.label)
           );
         }),

package/lib/index.d.ts

@@ -37,6 +37,8 @@ export { Timeline } from 'antd';
 export { Tooltip } from 'antd';
 export { version } from 'antd';
 export { default as Typography } from './components/typography';
+export { default as ButtonGroupEdit } from './components/buttonGroupEdit';
+export { default as ButtonGroupPreview } from './components/buttonGroupPreview';
 export { default as Skeleton } from './components/skeleton';
 export { default as Checkbox } from './components/checkbox';
 export { default as Button } from './components/button';

package/lib/index.js

@@ -39,6 +39,8 @@ __export(src_exports, {
   BatchEditor: () => import_batch_editor.default,
   Breadcrumb: () => import_antd6.Breadcrumb,
   Button: () => import_button.default,
+  ButtonGroupEdit: () => import_buttonGroupEdit.default,
+  ButtonGroupPreview: () => import_buttonGroupPreview.default,
   Calendar: () => import_calendar.default,
   Card: () => import_antd7.Card,
   Carousel: () => import_antd9.Carousel,
@@ -183,6 +185,8 @@ var import_antd36 = require("antd");
 var import_antd37 = require("antd");
 var import_antd38 = require("antd");
 var import_typography = __toESM(require("./components/typography"));
+var import_buttonGroupEdit = __toESM(require("./components/buttonGroupEdit"));
+var import_buttonGroupPreview = __toESM(require("./components/buttonGroupPreview"));
 var import_skeleton = __toESM(require("./components/skeleton"));
 var import_checkbox = __toESM(require("./components/checkbox"));
 var import_button = __toESM(require("./components/button"));
@@ -268,6 +272,8 @@ var import_PisellAdjustPriceInputNumber = __toESM(require("./components/pisellAd
   BatchEditor,
   Breadcrumb,
   Button,
+  ButtonGroupEdit,
+  ButtonGroupPreview,
   Calendar,
   Card,
   Carousel,

package/lib/utils/index.d.ts

@@ -1,2 +1,3 @@
 export declare const isBrowser: boolean;
 export declare const getCssNumber: (val: string | number) => string;
+export declare function uuid(): string;

package/lib/utils/index.js

@@ -20,7 +20,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var utils_exports = {};
 __export(utils_exports, {
   getCssNumber: () => getCssNumber,
-  isBrowser: () => isBrowser
+  isBrowser: () => isBrowser,
+  uuid: () => uuid
 });
 module.exports = __toCommonJS(utils_exports);
 var import_utils = require("@pisell/utils");
@@ -38,8 +39,12 @@ var getCssNumber = (val) => {
     return val;
   }
 };
+function uuid() {
+  return (Math.random() * 1e6 >> 0).toString(36);
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   getCssNumber,
-  isBrowser
+  isBrowser,
+  uuid
 });

package/lowcode/button/meta.ts

@@ -417,7 +417,6 @@ const ButtonMeta: ComponentMetadata = {
           },
         ],
       },
-
       {
         title: {
           type: "i18n",

package/lowcode/button-group/meta.ts

@@ -0,0 +1,201 @@
+
+import { IPublicTypeComponentMetadata, IPublicTypeSnippet } from '@alilc/lowcode-types';
+import snippets from './snippets';
+import { uuid } from '../_utils/utils';
+
+const ButtonGroupMeta: IPublicTypeComponentMetadata = {
+  "componentName": "ButtonGroup",
+  "title": "ButtonGroup",
+  category: "通用",
+  "docUrl": "",
+  "screenshot": "",
+  "devMode": "proCode",
+  "npm": {
+    package: "@pisell/materials",
+    "version": "0.1.0",
+    "exportName": "ButtonGroup",
+    "main": "src/index.tsx",
+    "destructuring": true,
+    "subName": ""
+  },
+  "configure": {
+    "props": [
+      {
+        name: "options",
+        title: { label: "按钮列表", tip: "按钮列表" },
+        setter: {
+          componentName: "ArraySetter",
+          props: {
+            itemSetter: {
+              componentName: "ObjectSetter",
+              props: {
+                config: {
+                  items: [
+                    {
+                      name: "buttonText",
+                      title: "按钮名称",
+                      isRequired:true,
+                      setter: "StringSetter",
+                    },
+                    {
+                      name: "buttonType",
+                      title: "按钮类型",
+                      isRequired:true,
+                      propType: {
+                        type: "oneOf",
+                        value: ["primary", "default", "ghost", "dashed", "danger", "link", "text"],
+                      },
+                      setter: [
+                        {
+                          componentName: "SelectSetter",
+                          props: {
+                            options: [
+                              {
+                                title: "primary",
+                                value: "primary",
+                              },
+                              {
+                                title: "default",
+                                value: "default",
+                              },
+                              {
+                                title: "dashed",
+                                value: "dashed",
+                              },
+                              {
+                                title: "danger",
+                                value: "danger",
+                              },
+                              {
+                                title: "link",
+                                value: "link",
+                              },
+                              {
+                                title: "text",
+                                value: "text",
+                              },
+                            ],
+                          },
+                        },
+                        "VariableSetter",
+                      ],
+                    },
+                    {
+                      name: "onClick",
+                      title: { label: "点击事件", tip: "点击事件" },
+                      propType: "func",
+                      isRequired:true,
+                      setter: "FunctionSetter",
+                    },
+                  ],
+                },
+              },
+              initialValue: () => {
+                return {
+                  buttonText: "按钮名称",
+                  buttonType: "default",
+                  onClick: (e) => {
+                    console.log(e,99999999);
+                    alert('点击了按钮')
+                  },
+                };
+              },
+            },
+          },
+        },
+      },
+      {
+        name: 'isShowMore',
+        title: {
+          label: {
+            type: "i18n",
+            "en-US": "Right icon",
+            "zh-CN": "菜单按钮",
+          },
+          tip: "icon | Set the icon component of the button",
+        },
+        propType: { type: "oneOfType", value: ["node"] },
+        setter: [{
+          componentName: "SlotSetter",
+          initialValue: {
+            type: "JSSlot",
+            value: [
+              {
+                componentName: "Dropdown",
+                props: {
+                  items: [{
+                    label: '菜单名称',
+                    key: uuid(),
+                  }
+                  ]
+                },
+              },
+            ],
+          },
+          defaultValue: null
+        }],
+
+        // defaultValue: false,
+        // supportVariable: true,
+      }, {
+        name: 'moreMenus',
+        "title": { label: '下拉按钮', tip: '下拉按钮配置项' },
+        "setter": {
+          "componentName": "ArraySetter",
+          "props": {
+            "itemSetter": {
+              "componentName": "ObjectSetter",
+              "props": {
+                "config": {
+                  "items": [{
+                    "name": "key",
+                    title: { label: '菜单ID', tip: '菜单唯一标识' },
+                    isRequired: true,
+                    "setter": "StringSetter"
+                  }, {
+                    "name": "label",
+                    title: { label: '菜单名称', tip: '菜单名称' },
+                    isRequired: true,
+                    "setter": "StringSetter"
+                  },
+                  {
+                    "name": "callback",
+                    title: { label: '回调函数', tip: '点击按钮绑定回调函数' },
+                    isRequired: true,
+                    "description": "callback",
+                    "setter": {
+                      "componentName": "FunctionSetter"
+                    }
+                  }
+                  ]
+                }
+              },
+              "initialValue": {
+                "label": "按钮名称",
+                "key": uuid(),
+                "callback": null
+              }
+            }
+          }
+        }
+
+      },],
+    "supports": {
+      "style": true
+    },
+    "component": {}
+  }
+};
+
+
+
+
+
+
+
+
+
+export default {
+  ...ButtonGroupMeta,
+  snippets
+};