@mijalowcode/materials 1.0.9 → 1.1.0

package/dist/chunk-HFI2VSVO.js

@@ -0,0 +1,126 @@
+import { PropType, ComponentCategory } from '@mijalowcode/types';
+
+// src/antd/Drawer/meta.ts
+var DrawerMeta = {
+  componentName: "Drawer",
+  package: "antd",
+  title: "\u62BD\u5C49",
+  description: "\u5C4F\u5E55\u8FB9\u7F18\u6ED1\u51FA\u7684\u6D6E\u5C42\u9762\u677F",
+  category: ComponentCategory.FEEDBACK,
+  icon: "MenuFoldOutlined",
+  canHaveChildren: true,
+  editorDnd: {
+    // 抽屉只在内容区承接投放，避免 header/遮罩区域误投放
+    partialDropRegion: true
+  },
+  visibleInComponentPanel: false,
+  props: [
+    {
+      name: "title",
+      label: "\u6807\u9898",
+      type: PropType.STRING,
+      defaultValue: "\u62BD\u5C49\u6807\u9898",
+      group: "\u57FA\u7840"
+    },
+    {
+      name: "open",
+      label: "\u663E\u793A",
+      type: PropType.BOOLEAN,
+      defaultValue: true,
+      group: "\u72B6\u6001"
+    },
+    {
+      name: "placement",
+      label: "\u4F4D\u7F6E",
+      type: PropType.ENUM,
+      defaultValue: "right",
+      options: [
+        { label: "\u4E0A", value: "top" },
+        { label: "\u53F3", value: "right" },
+        { label: "\u4E0B", value: "bottom" },
+        { label: "\u5DE6", value: "left" }
+      ],
+      group: "\u5E03\u5C40"
+    },
+    {
+      name: "width",
+      label: "\u5BBD\u5EA6",
+      type: PropType.NUMBER,
+      defaultValue: 520,
+      description: "\u5DE6\u53F3\u4F4D\u7F6E\u65F6\u7684\u5BBD\u5EA6",
+      group: "\u5E03\u5C40"
+    },
+    {
+      name: "height",
+      label: "\u9AD8\u5EA6",
+      type: PropType.NUMBER,
+      defaultValue: 378,
+      description: "\u4E0A\u4E0B\u4F4D\u7F6E\u65F6\u7684\u9AD8\u5EA6",
+      group: "\u5E03\u5C40"
+    },
+    {
+      name: "closable",
+      label: "\u663E\u793A\u5173\u95ED\u6309\u94AE",
+      type: PropType.BOOLEAN,
+      defaultValue: true,
+      group: "\u57FA\u7840"
+    },
+    {
+      name: "mask",
+      label: "\u663E\u793A\u906E\u7F69",
+      type: PropType.BOOLEAN,
+      defaultValue: true,
+      group: "\u6837\u5F0F"
+    },
+    {
+      name: "maskClosable",
+      label: "\u70B9\u51FB\u906E\u7F69\u5173\u95ED",
+      type: PropType.BOOLEAN,
+      defaultValue: true,
+      group: "\u529F\u80FD"
+    },
+    {
+      name: "destroyOnClose",
+      label: "\u5173\u95ED\u65F6\u9500\u6BC1",
+      type: PropType.BOOLEAN,
+      defaultValue: false,
+      group: "\u529F\u80FD"
+    },
+    {
+      name: "drawerId",
+      label: "\u62BD\u5C49 ID",
+      type: PropType.STRING,
+      description: "\u7528\u4E8E\u5173\u8054\u62BD\u5C49\u5185\u5BB9\u914D\u7F6E",
+      group: "\u5185\u5BB9"
+    },
+    {
+      name: "extra",
+      label: "\u53F3\u4E0A\u89D2\u5185\u5BB9",
+      type: PropType.STRING,
+      group: "\u5185\u5BB9"
+    }
+  ],
+  defaultProps: {
+    title: "\u62BD\u5C49\u6807\u9898",
+    open: true,
+    placement: "right",
+    width: 378
+  },
+  defaultStyle: {
+    width: 378
+  },
+  npm: {
+    package: "antd",
+    exportName: "Drawer"
+  },
+  snippet: {
+    componentName: "Drawer",
+    package: "antd",
+    props: { title: "\u62BD\u5C49\u6807\u9898", open: true, placement: "right" },
+    children: []
+  }
+};
+
+export { DrawerMeta };
+//# sourceMappingURL=chunk-HFI2VSVO.js.map
+//# sourceMappingURL=chunk-HFI2VSVO.js.map

package/dist/chunk-HFI2VSVO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/antd/Drawer/meta.ts"],"names":[],"mappings":"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","file":"chunk-HFI2VSVO.js","sourcesContent":["import type { ComponentMeta } from \"@mijalowcode/types\";\r\nimport { ComponentCategory, PropType } from \"@mijalowcode/types\";\r\n\r\nexport const DrawerMeta: ComponentMeta = {\r\n  componentName: \"Drawer\",\r\n  package: \"antd\",\r\n  title: \"抽屉\",\r\n  description: \"屏幕边缘滑出的浮层面板\",\r\n  category: ComponentCategory.FEEDBACK,\r\n  icon: \"MenuFoldOutlined\",\r\n  canHaveChildren: true,\r\n  editorDnd: {\r\n    // 抽屉只在内容区承接投放，避免 header/遮罩区域误投放\r\n    partialDropRegion: true,\r\n  },\r\n  visibleInComponentPanel: false,\r\n  props: [\r\n    {\r\n      name: \"title\",\r\n      label: \"标题\",\r\n      type: PropType.STRING,\r\n      defaultValue: \"抽屉标题\",\r\n      group: \"基础\",\r\n    },\r\n    {\r\n      name: \"open\",\r\n      label: \"显示\",\r\n      type: PropType.BOOLEAN,\r\n      defaultValue: true,\r\n      group: \"状态\",\r\n    },\r\n    {\r\n      name: \"placement\",\r\n      label: \"位置\",\r\n      type: PropType.ENUM,\r\n      defaultValue: \"right\",\r\n      options: [\r\n        { label: \"上\", value: \"top\" },\r\n        { label: \"右\", value: \"right\" },\r\n        { label: \"下\", value: \"bottom\" },\r\n        { label: \"左\", value: \"left\" },\r\n      ],\r\n      group: \"布局\",\r\n    },\r\n    {\r\n      name: \"width\",\r\n      label: \"宽度\",\r\n      type: PropType.NUMBER,\r\n      defaultValue: 520,\r\n      description: \"左右位置时的宽度\",\r\n      group: \"布局\",\r\n    },\r\n    {\r\n      name: \"height\",\r\n      label: \"高度\",\r\n      type: PropType.NUMBER,\r\n      defaultValue: 378,\r\n      description: \"上下位置时的高度\",\r\n      group: \"布局\",\r\n    },\r\n    {\r\n      name: \"closable\",\r\n      label: \"显示关闭按钮\",\r\n      type: PropType.BOOLEAN,\r\n      defaultValue: true,\r\n      group: \"基础\",\r\n    },\r\n    {\r\n      name: \"mask\",\r\n      label: \"显示遮罩\",\r\n      type: PropType.BOOLEAN,\r\n      defaultValue: true,\r\n      group: \"样式\",\r\n    },\r\n    {\r\n      name: \"maskClosable\",\r\n      label: \"点击遮罩关闭\",\r\n      type: PropType.BOOLEAN,\r\n      defaultValue: true,\r\n      group: \"功能\",\r\n    },\r\n    {\r\n      name: \"destroyOnClose\",\r\n      label: \"关闭时销毁\",\r\n      type: PropType.BOOLEAN,\r\n      defaultValue: false,\r\n      group: \"功能\",\r\n    },\r\n    {\r\n      name: \"drawerId\",\r\n      label: \"抽屉 ID\",\r\n      type: PropType.STRING,\r\n      description: \"用于关联抽屉内容配置\",\r\n      group: \"内容\",\r\n    },\r\n    {\r\n      name: \"extra\",\r\n      label: \"右上角内容\",\r\n      type: PropType.STRING,\r\n      group: \"内容\",\r\n    },\r\n  ],\r\n  defaultProps: {\r\n    title: \"抽屉标题\",\r\n    open: true,\r\n    placement: \"right\",\r\n    width: 378,\r\n  },\r\n  defaultStyle: {\r\n    width: 378,\r\n  },\r\n  npm: {\r\n    package: \"antd\",\r\n    exportName: \"Drawer\",\r\n  },\r\n  snippet: {\r\n    componentName: \"Drawer\",\r\n    package: \"antd\",\r\n    props: { title: \"抽屉标题\", open: true, placement: \"right\" },\r\n    children: [],\r\n  },\r\n};\r\n"]}

package/dist/chunk-HG7NQRFN.js

@@ -0,0 +1,91 @@
+import { PropType, ComponentCategory } from '@mijalowcode/types';
+
+// src/antd/Card/meta.ts
+var CardMeta = {
+  componentName: "Card",
+  package: "antd",
+  title: "\u5361\u7247",
+  description: "\u901A\u7528\u5361\u7247\u5BB9\u5668",
+  category: ComponentCategory.DATA_DISPLAY,
+  visibleInComponentPanel: true,
+  icon: "CreditCardOutlined",
+  canHaveChildren: true,
+  designToken: {
+    fields: [
+      { name: "headerBg", label: "\u5934\u90E8\u80CC\u666F", type: "color" },
+      { name: "headerFontSize", label: "\u5934\u90E8\u5B57\u53F7", type: "number", min: 10, max: 32 },
+      { name: "borderRadiusLG", label: "\u5927\u5706\u89D2", type: "number", min: 0, max: 48 }
+    ]
+  },
+  props: [
+    {
+      name: "title",
+      label: "\u6807\u9898",
+      type: PropType.STRING,
+      defaultValue: "\u5361\u7247\u6807\u9898",
+      group: "\u57FA\u7840"
+    },
+    {
+      name: "bordered",
+      label: "\u8FB9\u6846",
+      type: PropType.BOOLEAN,
+      defaultValue: true,
+      group: "\u6837\u5F0F"
+    },
+    {
+      name: "hoverable",
+      label: "\u60AC\u6D6E\u6548\u679C",
+      type: PropType.BOOLEAN,
+      defaultValue: false,
+      group: "\u6837\u5F0F"
+    },
+    {
+      name: "loading",
+      label: "\u52A0\u8F7D\u4E2D",
+      type: PropType.BOOLEAN,
+      defaultValue: false,
+      group: "\u72B6\u6001"
+    },
+    {
+      name: "size",
+      label: "\u5C3A\u5BF8",
+      type: PropType.ENUM,
+      defaultValue: "default",
+      options: [
+        { label: "\u9ED8\u8BA4", value: "default" },
+        { label: "\u5C0F", value: "small" }
+      ],
+      group: "\u57FA\u7840"
+    },
+    {
+      name: "extra",
+      label: "\u53F3\u4E0A\u89D2\u5185\u5BB9",
+      type: PropType.STRING,
+      description: "\u5361\u7247\u53F3\u4E0A\u89D2\u7684\u64CD\u4F5C\u533A\u57DF",
+      group: "\u5185\u5BB9"
+    }
+  ],
+  defaultProps: {
+    title: "\u5361\u7247\u6807\u9898",
+    bordered: true
+  },
+  defaultStyle: {
+    width: "100%",
+    minHeight: 200,
+    padding: 24
+  },
+  npm: {
+    package: "antd",
+    exportName: "Card"
+  },
+  snippet: {
+    componentName: "Card",
+    package: "antd",
+    props: { title: "\u5361\u7247\u6807\u9898" },
+    children: []
+  }
+};
+
+export { CardMeta };
+//# sourceMappingURL=chunk-HG7NQRFN.js.map
+//# sourceMappingURL=chunk-HG7NQRFN.js.map

package/dist/chunk-HG7NQRFN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/antd/Card/meta.ts"],"names":[],"mappings":"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","file":"chunk-HG7NQRFN.js","sourcesContent":["import type { ComponentMeta } from \"@mijalowcode/types\";\r\nimport { ComponentCategory, PropType } from \"@mijalowcode/types\";\r\n\r\nexport const CardMeta: ComponentMeta = {\r\n  componentName: \"Card\",\r\n  package: \"antd\",\r\n  title: \"卡片\",\r\n  description: \"通用卡片容器\",\r\n  category: ComponentCategory.DATA_DISPLAY,\r\n  visibleInComponentPanel: true,\r\n  icon: \"CreditCardOutlined\",\n  canHaveChildren: true,\n  designToken: {\n    fields: [\n      { name: \"headerBg\", label: \"头部背景\", type: \"color\" },\n      { name: \"headerFontSize\", label: \"头部字号\", type: \"number\", min: 10, max: 32 },\n      { name: \"borderRadiusLG\", label: \"大圆角\", type: \"number\", min: 0, max: 48 },\n    ],\n  },\n  props: [\n    {\r\n      name: \"title\",\r\n      label: \"标题\",\r\n      type: PropType.STRING,\r\n      defaultValue: \"卡片标题\",\r\n      group: \"基础\",\r\n    },\r\n    {\r\n      name: \"bordered\",\r\n      label: \"边框\",\r\n      type: PropType.BOOLEAN,\r\n      defaultValue: true,\r\n      group: \"样式\",\r\n    },\r\n    {\r\n      name: \"hoverable\",\r\n      label: \"悬浮效果\",\r\n      type: PropType.BOOLEAN,\r\n      defaultValue: false,\r\n      group: \"样式\",\r\n    },\r\n    {\r\n      name: \"loading\",\r\n      label: \"加载中\",\r\n      type: PropType.BOOLEAN,\r\n      defaultValue: false,\r\n      group: \"状态\",\r\n    },\r\n    {\r\n      name: \"size\",\r\n      label: \"尺寸\",\r\n      type: PropType.ENUM,\r\n      defaultValue: \"default\",\r\n      options: [\r\n        { label: \"默认\", value: \"default\" },\r\n        { label: \"小\", value: \"small\" },\r\n      ],\r\n      group: \"基础\",\r\n    },\r\n    {\r\n      name: \"extra\",\r\n      label: \"右上角内容\",\r\n      type: PropType.STRING,\r\n      description: \"卡片右上角的操作区域\",\r\n      group: \"内容\",\r\n    },\r\n  ],\r\n  defaultProps: {\r\n    title: \"卡片标题\",\r\n    bordered: true,\r\n  },\r\n  defaultStyle: {\r\n    width: \"100%\",\r\n    minHeight: 200,\r\n    padding: 24,\r\n  },\r\n  npm: {\r\n    package: \"antd\",\r\n    exportName: \"Card\",\r\n  },\r\n  snippet: {\r\n    componentName: \"Card\",\r\n    package: \"antd\",\r\n    props: { title: \"卡片标题\" },\r\n    children: [],\r\n  },\r\n};\r\n"]}

package/dist/chunk-HSEAHONQ.js

@@ -0,0 +1,181 @@
+import { createContext, useMemo, useContext } from 'react';
+import { Drawer, Button, Descriptions } from 'antd';
+import { EditOutlined } from '@ant-design/icons';
+import { useDrawerStore } from '@mijalowcode/store';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+// src/antd/Drawer/DrawerWrapper.tsx
+var DrawerRecordContext = createContext({
+  record: null
+});
+var RendererContext = createContext(null);
+function useRenderer() {
+  return useContext(RendererContext);
+}
+function resolveTemplate(template, record) {
+  let result = template;
+  Object.keys(record).forEach((key) => {
+    result = result.replace(
+      new RegExp(`\\{${key}\\}`, "g"),
+      String(record[key] ?? "")
+    );
+  });
+  return result;
+}
+function DrawerWrapper(props) {
+  const {
+    open: propsOpen,
+    onClose: propsOnClose,
+    title: propsTitle,
+    children,
+    drawerId: propsDrawerId,
+    __nodeId,
+    ...restProps
+  } = props;
+  const storeOpen = useDrawerStore((s) => s.open);
+  const storeRecord = useDrawerStore((s) => s.record);
+  const storeConfig = useDrawerStore((s) => s.config);
+  const closeDrawer = useDrawerStore((s) => s.closeDrawer);
+  const openDrawerContentEditor = useDrawerStore(
+    (s) => s.openDrawerContentEditor
+  );
+  const getDrawerContentSchema = useDrawerStore(
+    (s) => s.getDrawerContentSchema
+  );
+  const rendererContext = useRenderer();
+  const isPropsControlled = propsOpen !== void 0;
+  const finalOpen = isPropsControlled ? propsOpen : storeOpen;
+  const storeTitle = useMemo(() => {
+    if (!storeConfig.title || !storeRecord) return storeConfig.title;
+    return resolveTemplate(storeConfig.title, storeRecord);
+  }, [storeConfig.title, storeRecord]);
+  const finalTitle = (propsTitle ?? storeTitle) || "\u62BD\u5C49";
+  const finalPlacement = restProps.placement ?? storeConfig.placement ?? "right";
+  const finalWidth = restProps.width ?? storeConfig.width ?? 378;
+  const finalHeight = restProps.height ?? storeConfig.height;
+  const renderWidth = isPropsControlled && (finalPlacement === "left" || finalPlacement === "right") ? "100%" : finalWidth;
+  const renderHeight = isPropsControlled && (finalPlacement === "top" || finalPlacement === "bottom") ? "100%" : finalHeight;
+  const finalClosable = restProps.closable ?? storeConfig.closable;
+  const finalMask = isPropsControlled ? false : restProps.mask ?? storeConfig.mask;
+  const finalMaskClosable = restProps.maskClosable ?? storeConfig.maskClosable;
+  const finalGetContainer = restProps.getContainer ?? (isPropsControlled ? false : void 0);
+  const finalRootStyle = restProps.rootStyle ?? (finalGetContainer === false ? { position: "absolute", inset: 0 } : void 0);
+  const drawerShellClassName = [restProps.className, "lowcode-drawer-shell"].filter(Boolean).join(" ");
+  const drawerBodyDropZoneId = __nodeId ? `drawer-body-drop-${__nodeId}` : "";
+  const finalStyles = {
+    ...restProps.styles,
+    body: {
+      minHeight: 200,
+      ...restProps.styles?.body || {}
+    }
+  };
+  const drawerId = propsDrawerId ?? storeConfig.drawerId;
+  const handleClose = (e) => {
+    if (propsOnClose) {
+      propsOnClose(e);
+    }
+    if (!isPropsControlled) {
+      closeDrawer();
+    }
+  };
+  const handleEditContent = () => {
+    if (drawerId) {
+      openDrawerContentEditor(drawerId);
+    }
+  };
+  const contextValue = useMemo(() => ({ record: storeRecord }), [storeRecord]);
+  const renderFieldsContent = () => {
+    if (children) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-partial-drop-zone": "true",
+          "data-drop-zone-id": drawerBodyDropZoneId,
+          children
+        }
+      );
+    }
+    const drawerContentType = storeConfig.drawerContentType;
+    const drawerId2 = propsDrawerId ?? storeConfig.drawerId;
+    const drawerContentSchema = drawerId2 ? getDrawerContentSchema(drawerId2) : null;
+    if (drawerContentType === "components" && drawerContentSchema && drawerContentSchema.componentsTree.length > 0 && drawerId2) {
+      const DrawerRenderer = rendererContext?.DrawerRenderer;
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "drawer-content-wrapper",
+          "data-partial-drop-zone": "true",
+          "data-drop-zone-id": drawerBodyDropZoneId,
+          children: [
+            props.open !== void 0 && /* @__PURE__ */ jsx("div", { style: { marginBottom: 8 }, children: /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "primary",
+                icon: /* @__PURE__ */ jsx(EditOutlined, {}),
+                onClick: handleEditContent,
+                children: "\u7F16\u8F91\u5185\u5BB9"
+              }
+            ) }),
+            DrawerRenderer ? /* @__PURE__ */ jsx(
+              DrawerRenderer,
+              {
+                schema: drawerContentSchema,
+                drawerId: drawerId2,
+                mode: "preview"
+              }
+            ) : /* @__PURE__ */ jsx("div", { style: { color: "red" }, children: "Renderer not available" })
+          ]
+        }
+      );
+    }
+    const fields = storeConfig.fields;
+    if (!fields || fields.length === 0) {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          style: { color: "#999", textAlign: "center", padding: 24 },
+          "data-partial-drop-zone": "true",
+          "data-drop-zone-id": drawerBodyDropZoneId,
+          children: "\u6682\u65E0\u5B57\u6BB5\u914D\u7F6E\uFF0C\u8BF7\u5728\u64CD\u4F5C\u6309\u94AE\u4E2D\u914D\u7F6E\u62BD\u5C49\u5185\u5C55\u793A\u7684\u5B57\u6BB5"
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        "data-partial-drop-zone": "true",
+        "data-drop-zone-id": drawerBodyDropZoneId,
+        children: /* @__PURE__ */ jsx(Descriptions, { column: 2, bordered: true, size: "small", children: fields.map((field, index) => {
+          const value = storeRecord?.[field.field];
+          const span = field.span || 1;
+          return /* @__PURE__ */ jsx(Descriptions.Item, { label: field.label, span, children: value === void 0 || value === null ? "-" : String(value) }, index);
+        }) })
+      }
+    );
+  };
+  return /* @__PURE__ */ jsx(DrawerRecordContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx(
+    Drawer,
+    {
+      ...restProps,
+      title: finalTitle,
+      open: finalOpen,
+      placement: finalPlacement,
+      width: renderWidth,
+      height: renderHeight,
+      closable: finalClosable,
+      mask: finalMask,
+      maskClosable: finalMaskClosable,
+      getContainer: finalGetContainer,
+      rootStyle: finalRootStyle,
+      className: drawerShellClassName,
+      styles: finalStyles,
+      onClose: handleClose,
+      children: renderFieldsContent()
+    }
+  ) });
+}
+var DrawerWrapper_default = DrawerWrapper;
+
+export { DrawerWrapper_default };
+//# sourceMappingURL=chunk-HSEAHONQ.js.map
+//# sourceMappingURL=chunk-HSEAHONQ.js.map

package/dist/chunk-HSEAHONQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/contexts/DrawerContext.tsx","../src/contexts/RendererContext.tsx","../src/antd/Drawer/DrawerWrapper.tsx"],"names":["createContext","useContext","drawerId"],"mappings":"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","file":"chunk-HSEAHONQ.js","sourcesContent":["import { createContext, useContext } from 'react';\r\n\r\ninterface DrawerRecordContextValue {\r\n  record: Record<string, unknown> | null;\r\n}\r\n\r\nexport const DrawerRecordContext = createContext<DrawerRecordContextValue>({\r\n  record: null,\r\n});\r\n\r\n/**\r\n * 获取 Drawer 中的行记录数据\r\n * 在 Drawer 内的子组件中使用\r\n */\r\nexport function useDrawerRecord() {\r\n  return useContext(DrawerRecordContext);\r\n}","import { createContext, useContext, ComponentType } from \"react\";\r\nimport type { PageSchema } from \"@mijalowcode/types\";\r\n\r\nexport interface RendererContextType {\r\n  DrawerRenderer: ComponentType<{\r\n    schema: PageSchema;\r\n    drawerId: string;\r\n    mode?: \"edit\" | \"preview\";\r\n  }>;\r\n}\r\n\r\nexport const RendererContext = createContext<RendererContextType | null>(null);\r\n\r\nexport function useRenderer() {\r\n  return useContext(RendererContext);\r\n}\r\n","import { useMemo } from \"react\";\r\nimport { Drawer, Descriptions, Button } from \"antd\";\r\nimport type { DrawerProps } from \"antd\";\r\nimport { EditOutlined } from \"@ant-design/icons\";\r\nimport { useDrawerStore } from \"@mijalowcode/store\";\r\nimport { DrawerRecordContext } from \"../../contexts/DrawerContext\";\r\nimport { useRenderer } from \"../../contexts/RendererContext\";\r\n\r\n// 将模板中的 {field} 替换为实际值\r\nfunction resolveTemplate(\r\n  template: string,\r\n  record: Record<string, unknown>,\r\n): string {\r\n  let result = template;\r\n  Object.keys(record).forEach((key) => {\r\n    result = result.replace(\r\n      new RegExp(`\\\\{${key}\\\\}`, \"g\"),\r\n      String(record[key] ?? \"\"),\r\n    );\r\n  });\r\n  return result;\r\n}\r\n\r\n/**\r\n * Drawer 增强组件\r\n * - 编辑模式：由 props.open 控制，不受 Store 影响\r\n * - 预览模式：由 useDrawerStore 控制，ProTable action 触发\r\n * - 通过 DrawerRecordContext 向子组件提供 record 数据\r\n * - 支持抽屉内容 Schema 渲染\r\n */\r\nfunction DrawerWrapper(\r\n  props: DrawerProps & { drawerId?: string; __nodeId?: string },\r\n) {\r\n  const {\r\n    open: propsOpen,\r\n    onClose: propsOnClose,\r\n    title: propsTitle,\r\n    children,\r\n    drawerId: propsDrawerId,\r\n    __nodeId,\r\n    ...restProps\r\n  } = props;\r\n\r\n  const storeOpen = useDrawerStore((s) => s.open);\r\n  const storeRecord = useDrawerStore((s) => s.record);\r\n  const storeConfig = useDrawerStore((s) => s.config);\r\n  const closeDrawer = useDrawerStore((s) => s.closeDrawer);\r\n  const openDrawerContentEditor = useDrawerStore(\r\n    (s) => s.openDrawerContentEditor,\r\n  );\r\n  const getDrawerContentSchema = useDrawerStore(\r\n    (s) => s.getDrawerContentSchema,\r\n  );\r\n  const rendererContext = useRenderer();\r\n\r\n  // 编辑模式: props.open 有明确值时使用 props 控制\r\n  // 预览模式: props.open 为 undefined 时使用 Store 控制\r\n  const isPropsControlled = propsOpen !== undefined;\r\n  const finalOpen = isPropsControlled ? propsOpen : storeOpen;\r\n\r\n  // 解析 Store 中的 title 模板\r\n  const storeTitle = useMemo(() => {\r\n    if (!storeConfig.title || !storeRecord) return storeConfig.title;\r\n    return resolveTemplate(storeConfig.title, storeRecord);\r\n  }, [storeConfig.title, storeRecord]);\r\n\r\n  // props 优先，Store 兜底\r\n  const finalTitle = (propsTitle ?? storeTitle) || \"抽屉\";\r\n  const finalPlacement =\r\n    restProps.placement ?? storeConfig.placement ?? \"right\";\r\n  const finalWidth = restProps.width ?? storeConfig.width ?? 378;\r\n  const finalHeight = restProps.height ?? storeConfig.height;\r\n  const renderWidth =\r\n    isPropsControlled &&\r\n    (finalPlacement === \"left\" || finalPlacement === \"right\")\r\n      ? \"100%\"\r\n      : finalWidth;\r\n  const renderHeight =\r\n    isPropsControlled &&\r\n    (finalPlacement === \"top\" || finalPlacement === \"bottom\")\r\n      ? \"100%\"\r\n      : finalHeight;\r\n  const finalClosable = restProps.closable ?? storeConfig.closable;\r\n  const finalMask = isPropsControlled\r\n    ? false\r\n    : (restProps.mask ?? storeConfig.mask);\r\n  const finalMaskClosable = restProps.maskClosable ?? storeConfig.maskClosable;\r\n  const finalGetContainer =\r\n    restProps.getContainer ?? (isPropsControlled ? false : undefined);\r\n  const finalRootStyle =\r\n    restProps.rootStyle ??\r\n    (finalGetContainer === false\r\n      ? { position: \"absolute\", inset: 0 }\r\n      : undefined);\r\n  const drawerShellClassName = [restProps.className, \"lowcode-drawer-shell\"]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n  const drawerBodyDropZoneId = __nodeId ? `drawer-body-drop-${__nodeId}` : \"\";\r\n  const finalStyles = {\r\n    ...restProps.styles,\r\n    body: {\r\n      minHeight: 200,\r\n      ...(restProps.styles?.body || {}),\r\n    },\r\n  };\r\n\r\n  // 获取抽屉内容配置\r\n  const drawerId = propsDrawerId ?? storeConfig.drawerId;\r\n\r\n  const handleClose: DrawerProps[\"onClose\"] = (e) => {\r\n    if (propsOnClose) {\r\n      propsOnClose(e);\r\n    }\r\n    if (!isPropsControlled) {\r\n      closeDrawer();\r\n    }\r\n  };\r\n\r\n  // 打开抽屉内容编辑器\r\n  const handleEditContent = () => {\r\n    if (drawerId) {\r\n      openDrawerContentEditor(drawerId);\r\n    }\r\n  };\r\n\r\n  // Context 值：Store 中的 record\r\n  const contextValue = useMemo(() => ({ record: storeRecord }), [storeRecord]);\r\n\r\n  // 渲染字段内容\r\n  const renderFieldsContent = () => {\r\n    // 如果有 children，使用 children\r\n    if (children) {\r\n      return (\r\n        <div\r\n          data-partial-drop-zone=\"true\"\r\n          data-drop-zone-id={drawerBodyDropZoneId}\r\n        >\r\n          {children}\r\n        </div>\r\n      );\r\n    }\r\n\r\n    // 获取抽屉内容配置\r\n    const drawerContentType = storeConfig.drawerContentType;\r\n    const drawerId = propsDrawerId ?? storeConfig.drawerId;\r\n    const drawerContentSchema = drawerId\r\n      ? getDrawerContentSchema(drawerId)\r\n      : null;\r\n\r\n    // 如果配置了组件模式的抽屉内容\r\n    if (\r\n      drawerContentType === \"components\" &&\r\n      drawerContentSchema &&\r\n      drawerContentSchema.componentsTree.length > 0 &&\r\n      drawerId\r\n    ) {\r\n      const DrawerRenderer = rendererContext?.DrawerRenderer;\r\n      return (\r\n        <div\r\n          className=\"drawer-content-wrapper\"\r\n          data-partial-drop-zone=\"true\"\r\n          data-drop-zone-id={drawerBodyDropZoneId}\r\n        >\r\n          {/* 编辑内容按钮（仅在编辑模式下显示） */}\r\n          {props.open !== undefined && (\r\n            <div style={{ marginBottom: 8 }}>\r\n              <Button\r\n                type=\"primary\"\r\n                icon={<EditOutlined />}\r\n                onClick={handleEditContent}\r\n              >\r\n                编辑内容\r\n              </Button>\r\n            </div>\r\n          )}\r\n          {DrawerRenderer ? (\r\n            <DrawerRenderer\r\n              schema={drawerContentSchema}\r\n              drawerId={drawerId}\r\n              mode=\"preview\"\r\n            />\r\n          ) : (\r\n            <div style={{ color: \"red\" }}>Renderer not available</div>\r\n          )}\r\n        </div>\r\n      );\r\n    }\r\n\r\n    // 渲染字段列表\r\n    const fields = storeConfig.fields;\r\n    if (!fields || fields.length === 0) {\r\n      return (\r\n        <div\r\n          style={{ color: \"#999\", textAlign: \"center\", padding: 24 }}\r\n          data-partial-drop-zone=\"true\"\r\n          data-drop-zone-id={drawerBodyDropZoneId}\r\n        >\r\n          暂无字段配置，请在操作按钮中配置抽屉内展示的字段\r\n        </div>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <div\r\n        data-partial-drop-zone=\"true\"\r\n        data-drop-zone-id={drawerBodyDropZoneId}\r\n      >\r\n        <Descriptions column={2} bordered size=\"small\">\r\n          {fields.map((field, index: number) => {\r\n            const value = storeRecord?.[field.field];\r\n            const span = field.span || 1;\r\n            return (\r\n              <Descriptions.Item key={index} label={field.label} span={span}>\r\n                {value === undefined || value === null ? \"-\" : String(value)}\r\n              </Descriptions.Item>\r\n            );\r\n          })}\r\n        </Descriptions>\r\n      </div>\r\n    );\r\n  };\r\n\r\n  return (\r\n    <DrawerRecordContext.Provider value={contextValue}>\r\n      <Drawer\r\n        {...restProps}\r\n        title={finalTitle}\r\n        open={finalOpen}\r\n        placement={finalPlacement}\r\n        width={renderWidth}\r\n        height={renderHeight}\r\n        closable={finalClosable}\r\n        mask={finalMask}\r\n        maskClosable={finalMaskClosable}\r\n        getContainer={finalGetContainer}\r\n        rootStyle={finalRootStyle}\r\n        className={drawerShellClassName}\r\n        styles={finalStyles}\r\n        onClose={handleClose}\r\n      >\r\n        {renderFieldsContent()}\r\n      </Drawer>\r\n    </DrawerRecordContext.Provider>\r\n  );\r\n}\r\n\r\nexport default DrawerWrapper;\r\n"]}

package/dist/chunk-HT3BUBCW.js

@@ -0,0 +1,209 @@
+import { PropType, ComponentCategory } from '@mijalowcode/types';
+
+// src/antd/Tree/meta.ts
+var TreeMeta = {
+  componentName: "Tree",
+  package: "antd",
+  title: "\u6811\u5F62\u63A7\u4EF6",
+  description: "\u591A\u5C42\u7EA7\u7684\u5185\u5BB9\u7EC4\u7EC7\uFF0C\u53EF\u5C55\u793A\u53EF\u6298\u53E0\u7684\u5C42\u7EA7\u7ED3\u6784",
+  category: ComponentCategory.DATA_DISPLAY,
+  icon: "DatabaseOutlined",
+  canHaveChildren: true,
+  childrenLimit: 0,
+  props: [
+    {
+      name: "treeData",
+      label: "\u6811\u6570\u636E",
+      type: PropType.JSON,
+      description: '\u6811\u5F62\u6570\u636E\u7ED3\u6784\uFF0C\u5982\uFF1A[{ title: "\u8282\u70B91", key: "1", children: [] }]',
+      group: "\u6570\u636E"
+    },
+    {
+      name: "defaultExpandAll",
+      label: "\u9ED8\u8BA4\u5C55\u5F00\u5168\u90E8",
+      type: PropType.BOOLEAN,
+      defaultValue: false,
+      group: "\u5C55\u5F00"
+    },
+    {
+      name: "defaultExpandedKeys",
+      label: "\u9ED8\u8BA4\u5C55\u5F00\u8282\u70B9",
+      type: PropType.ARRAY,
+      group: "\u5C55\u5F00"
+    },
+    {
+      name: "autoExpandParent",
+      label: "\u81EA\u52A8\u5C55\u5F00\u7236\u8282\u70B9",
+      type: PropType.BOOLEAN,
+      defaultValue: true,
+      group: "\u5C55\u5F00"
+    },
+    {
+      name: "checkable",
+      label: "\u663E\u793A\u590D\u9009\u6846",
+      type: PropType.BOOLEAN,
+      defaultValue: false,
+      group: "\u529F\u80FD"
+    },
+    {
+      name: "showLine",
+      label: "\u663E\u793A\u8FDE\u63A5\u7EBF",
+      type: PropType.BOOLEAN,
+      defaultValue: false,
+      group: "\u5C55\u793A"
+    },
+    {
+      name: "showIcon",
+      label: "\u663E\u793A\u56FE\u6807",
+      type: PropType.BOOLEAN,
+      defaultValue: false,
+      group: "\u5C55\u793A"
+    },
+    {
+      name: "draggable",
+      label: "\u652F\u6301\u62D6\u62FD",
+      type: PropType.BOOLEAN,
+      defaultValue: false,
+      group: "\u529F\u80FD"
+    },
+    {
+      name: "disabled",
+      label: "\u7981\u7528",
+      type: PropType.BOOLEAN,
+      defaultValue: false,
+      group: "\u72B6\u6001"
+    },
+    {
+      name: "selectable",
+      label: "\u53EF\u9009\u4E2D",
+      type: PropType.BOOLEAN,
+      defaultValue: true,
+      group: "\u529F\u80FD"
+    },
+    {
+      name: "multiple",
+      label: "\u591A\u9009",
+      type: PropType.BOOLEAN,
+      defaultValue: false,
+      group: "\u529F\u80FD"
+    }
+  ],
+  defaultProps: {
+    treeData: [
+      {
+        title: "\u8282\u70B91",
+        key: "1",
+        children: [
+          { title: "\u8282\u70B91-1", key: "1-1" },
+          { title: "\u8282\u70B91-2", key: "1-2" }
+        ]
+      },
+      {
+        title: "\u8282\u70B92",
+        key: "2",
+        children: [{ title: "\u8282\u70B92-1", key: "2-1" }]
+      }
+    ],
+    defaultExpandAll: true
+  },
+  npm: {
+    package: "antd",
+    exportName: "Tree"
+  },
+  snippet: {
+    componentName: "Tree",
+    package: "antd",
+    props: {
+      treeData: [
+        {
+          title: "\u8282\u70B91",
+          key: "1",
+          children: [{ title: "\u8282\u70B91-1", key: "1-1" }]
+        },
+        { title: "\u8282\u70B92", key: "2" }
+      ]
+    }
+  }
+};
+var TreeSelectMeta = {
+  componentName: "TreeSelect",
+  package: "antd",
+  title: "\u6811\u9009\u62E9",
+  description: "\u4E0B\u62C9\u6811\u5F62\u9009\u62E9\u5668\uFF0C\u7528\u4E8E\u4ECE\u6811\u5F62\u7ED3\u6784\u4E2D\u9009\u62E9\u4E00\u4E2A\u6216\u591A\u4E2A\u8282\u70B9",
+  category: ComponentCategory.FORM,
+  icon: "SolutionOutlined",
+  canHaveChildren: false,
+  props: [
+    {
+      name: "treeData",
+      label: "\u6811\u6570\u636E",
+      type: PropType.JSON,
+      group: "\u6570\u636E"
+    },
+    {
+      name: "placeholder",
+      label: "\u5360\u4F4D\u63D0\u793A",
+      type: PropType.STRING,
+      defaultValue: "\u8BF7\u9009\u62E9",
+      group: "\u57FA\u7840"
+    },
+    {
+      name: "allowClear",
+      label: "\u53EF\u6E05\u7A7A",
+      type: PropType.BOOLEAN,
+      defaultValue: true,
+      group: "\u529F\u80FD"
+    },
+    {
+      name: "multiple",
+      label: "\u591A\u9009",
+      type: PropType.BOOLEAN,
+      defaultValue: false,
+      group: "\u529F\u80FD"
+    },
+    {
+      name: "treeCheckable",
+      label: "\u6811\u5F62\u590D\u9009\u6846",
+      type: PropType.BOOLEAN,
+      defaultValue: false,
+      group: "\u529F\u80FD"
+    },
+    {
+      name: "showSearch",
+      label: "\u663E\u793A\u641C\u7D22",
+      type: PropType.BOOLEAN,
+      defaultValue: false,
+      group: "\u529F\u80FD"
+    },
+    {
+      name: "treeDefaultExpandAll",
+      label: "\u9ED8\u8BA4\u5C55\u5F00\u5168\u90E8",
+      type: PropType.BOOLEAN,
+      defaultValue: false,
+      group: "\u5C55\u5F00"
+    },
+    {
+      name: "disabled",
+      label: "\u7981\u7528",
+      type: PropType.BOOLEAN,
+      defaultValue: false,
+      group: "\u72B6\u6001"
+    }
+  ],
+  defaultProps: {
+    placeholder: "\u8BF7\u9009\u62E9"
+  },
+  npm: {
+    package: "antd",
+    exportName: "TreeSelect"
+  },
+  snippet: {
+    componentName: "TreeSelect",
+    package: "antd",
+    props: { placeholder: "\u8BF7\u9009\u62E9" }
+  }
+};
+
+export { TreeMeta, TreeSelectMeta };
+//# sourceMappingURL=chunk-HT3BUBCW.js.map
+//# sourceMappingURL=chunk-HT3BUBCW.js.map