@nocobase/client 0.5.0-alpha.31 → 0.5.0-alpha.35

package/lib/ConfigProvider.js

@@ -40,13 +40,13 @@ const constate_1 = require("./constate");
 const use_request_1 = __importDefault(require("@ahooksjs/use-request"));
 
 function AntdProvider(props) {
-  const _react_i18next_1$useT = react_i18next_1.useTranslation(),
-        i18n = _react_i18next_1$useT.i18n;
+  const _ref = (0, react_i18next_1.useTranslation)(),
+        i18n = _ref.i18n;
 
-  const _constate_1$useClient = constate_1.useClient(),
-        client = _constate_1$useClient.client;
+  const _ref2 = (0, constate_1.useClient)(),
+        client = _ref2.client;
 
-  const _use_request_1$defaul = use_request_1.default(() => client.request('app:getLang'), {
+  const _ref3 = (0, use_request_1.default)(() => client.request('app:getLang'), {
     onSuccess(data) {
       const locale = localStorage.getItem('locale');
 
@@ -59,7 +59,7 @@ function AntdProvider(props) {
     refreshDeps: [i18n.language],
     formatResult: data => data === null || data === void 0 ? void 0 : data.data
   }),
-        loading = _use_request_1$defaul.loading;
+        loading = _ref3.loading;
 
   if (loading) {
     return react_1.default.createElement(antd_1.Spin, null);

package/lib/ConfigProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/ConfigProvider.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA6C;AAC7C,iDAAgE;AAChE,iCAA8B;AAC9B,+BAAkE;AAClE,kEAAyC;AACzC,kEAAyC;AACzC,yCAAuD;AACvD,wEAA+C;AAE/C,SAAS,YAAY,CAAC,KAAK;IACzB,MAAM,EAAE,IAAI,EAAE,GAAG,8BAAc,EAAE,CAAC;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,oBAAS,EAAE,CAAC;IAC/B,MAAM,EAAE,OAAO,EAAE,GAAG,qBAAU,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;QAClE,SAAS,CAAC,IAAI;YACZ,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;YAC9C,IAAI,MAAM,KAAK,IAAI,CAAC,IAAI,EAAE;gBACxB,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;gBACzC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aAChC;QACH,CAAC;QACD,WAAW,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC5B,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI;KACnC,CAAC,CAAC;IACH,IAAI,OAAO,EAAE;QACX,OAAO,8BAAC,WAAI,OAAG,CAAC;KACjB;IACD,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC5C,OAAO,8BAAC,qBAAkB,IAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,eAAI,CAAC,CAAC,CAAC,eAAI,IAAG,KAAK,CAAC,QAAQ,CAAsB,CAAC;AACpH,CAAC;AAED,SAAgB,cAAc,CAAC,KAAU;IACvC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,OAAO,CACL,8BAAC,yBAAc,IAAC,MAAM,EAAE,MAAM;QAC5B,8BAAC,+BAAe,IAAC,IAAI,EAAE,WAAI;YACzB,8BAAC,YAAY,QAAE,KAAK,CAAC,QAAQ,CAAgB,CAC7B,CACH,CAClB,CAAC;AACJ,CAAC;AATD,wCASC","file":"ConfigProvider.js","sourcesContent":["import React, { createContext } from 'react';\nimport { I18nextProvider, useTranslation } from 'react-i18next';\nimport { i18n } from './i18n';\nimport { ConfigProvider as AntdConfigProvider, Spin } from 'antd';\nimport enUS from 'antd/lib/locale/en_US';\nimport zhCN from 'antd/lib/locale/zh_CN';\nimport { ClientProvider, useClient } from './constate';\nimport useRequest from '@ahooksjs/use-request';\n\nfunction AntdProvider(props) {\n  const { i18n } = useTranslation();\n  const { client } = useClient();\n  const { loading } = useRequest(() => client.request('app:getLang'), {\n    onSuccess(data) {\n      const locale = localStorage.getItem('locale');\n      if (locale !== data.lang) {\n        console.log('changeLanguage', data.lang);\n        i18n.changeLanguage(data.lang);\n      }\n    },\n    refreshDeps: [i18n.language],\n    formatResult: (data) => data?.data,\n  });\n  if (loading) {\n    return <Spin />;\n  }\n  console.log('i18n.language', i18n.language);\n  return <AntdConfigProvider locale={i18n.language === 'zh-CN' ? zhCN : enUS}>{props.children}</AntdConfigProvider>;\n}\n\nexport function ConfigProvider(props: any) {\n  const { client } = props;\n  return (\n    <ClientProvider client={client}>\n      <I18nextProvider i18n={i18n}>\n        <AntdProvider>{props.children}</AntdProvider>\n      </I18nextProvider>\n    </ClientProvider>\n  );\n}\n"]}
+{"version":3,"sources":["../src/ConfigProvider.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA6C;AAC7C,iDAAgE;AAChE,iCAA8B;AAC9B,+BAAkE;AAClE,kEAAyC;AACzC,kEAAyC;AACzC,yCAAuD;AACvD,wEAA+C;AAE/C,SAAS,YAAY,CAAC,KAAK;IACzB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,8BAAc,GAAE,CAAC;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,oBAAS,GAAE,CAAC;IAC/B,MAAM,EAAE,OAAO,EAAE,GAAG,IAAA,qBAAU,EAAC,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,EAAE;QAClE,SAAS,CAAC,IAAI;YACZ,MAAM,MAAM,GAAG,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;YAC9C,IAAI,MAAM,KAAK,IAAI,CAAC,IAAI,EAAE;gBACxB,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;gBACzC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;aAChC;QACH,CAAC;QACD,WAAW,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC;QAC5B,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI;KACnC,CAAC,CAAC;IACH,IAAI,OAAO,EAAE;QACX,OAAO,8BAAC,WAAI,OAAG,CAAC;KACjB;IACD,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC5C,OAAO,8BAAC,qBAAkB,IAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,eAAI,CAAC,CAAC,CAAC,eAAI,IAAG,KAAK,CAAC,QAAQ,CAAsB,CAAC;AACpH,CAAC;AAED,SAAgB,cAAc,CAAC,KAAU;IACvC,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACzB,OAAO,CACL,8BAAC,yBAAc,IAAC,MAAM,EAAE,MAAM;QAC5B,8BAAC,+BAAe,IAAC,IAAI,EAAE,WAAI;YACzB,8BAAC,YAAY,QAAE,KAAK,CAAC,QAAQ,CAAgB,CAC7B,CACH,CAClB,CAAC;AACJ,CAAC;AATD,wCASC","file":"ConfigProvider.js","sourcesContent":["import React, { createContext } from 'react';\nimport { I18nextProvider, useTranslation } from 'react-i18next';\nimport { i18n } from './i18n';\nimport { ConfigProvider as AntdConfigProvider, Spin } from 'antd';\nimport enUS from 'antd/lib/locale/en_US';\nimport zhCN from 'antd/lib/locale/zh_CN';\nimport { ClientProvider, useClient } from './constate';\nimport useRequest from '@ahooksjs/use-request';\n\nfunction AntdProvider(props) {\n  const { i18n } = useTranslation();\n  const { client } = useClient();\n  const { loading } = useRequest(() => client.request('app:getLang'), {\n    onSuccess(data) {\n      const locale = localStorage.getItem('locale');\n      if (locale !== data.lang) {\n        console.log('changeLanguage', data.lang);\n        i18n.changeLanguage(data.lang);\n      }\n    },\n    refreshDeps: [i18n.language],\n    formatResult: (data) => data?.data,\n  });\n  if (loading) {\n    return <Spin />;\n  }\n  console.log('i18n.language', i18n.language);\n  return <AntdConfigProvider locale={i18n.language === 'zh-CN' ? zhCN : enUS}>{props.children}</AntdConfigProvider>;\n}\n\nexport function ConfigProvider(props: any) {\n  const { client } = props;\n  return (\n    <ClientProvider client={client}>\n      <I18nextProvider i18n={i18n}>\n        <AntdProvider>{props.children}</AntdProvider>\n      </I18nextProvider>\n    </ClientProvider>\n  );\n}\n"]}

package/lib/components/Sortable/index.js

@@ -38,8 +38,8 @@ const react_1 = __importDefault(require("react"));
 
 const react_2 = require("react");
 
-const RowSyntheticListenerMapContext = react_2.createContext(null);
-const CellContext = react_2.createContext(null);
+const RowSyntheticListenerMapContext = (0, react_2.createContext)(null);
+const CellContext = (0, react_2.createContext)(null);
 
 const classnames_1 = __importDefault(require("classnames"));
 
@@ -51,12 +51,12 @@ const icons_1 = require("@ant-design/icons");
 
 const react_4 = require("react");
 
-const Div = react_3.forwardRef((props, ref) => {
+const Div = (0, react_3.forwardRef)((props, ref) => {
   return react_1.default.createElement("div", Object.assign({
     ref: ref
   }, props));
 });
-exports.SortableItemContext = react_2.createContext({});
+exports.SortableItemContext = (0, react_2.createContext)({});
 
 function DragHandle(props) {
   const component = props.component,
@@ -84,16 +84,16 @@ function Droppable(props) {
         children = props.children,
         others = __rest(props, ["id", "data", "className", "component", "children"]);
 
-  const _core_1$useDroppable = core_1.useDroppable({
+  const _ref = (0, core_1.useDroppable)({
     id: `droppable-${id}`,
     data: Object.assign({}, data)
   }),
-        isOver = _core_1$useDroppable.isOver,
-        setDroppableNodeRef = _core_1$useDroppable.setNodeRef;
+        isOver = _ref.isOver,
+        setDroppableNodeRef = _ref.setNodeRef;
 
   const Component = component || Div;
   return react_1.default.createElement(Component, Object.assign({}, others, {
-    className: classnames_1.default(className, `droppable droppable-${id}`, {
+    className: (0, classnames_1.default)(className, `droppable droppable-${id}`, {
       isOver
     }),
     ref: el => {
@@ -115,30 +115,30 @@ function SortableItem(props) {
         disabled = props.disabled,
         others = __rest(props, ["id", "data", "draggable", "className", "component", "children", "disabled"]);
 
-  const previewRef = react_4.useRef();
+  const previewRef = (0, react_4.useRef)();
 
-  const _core_1$useDroppable2 = core_1.useDroppable({
+  const _ref2 = (0, core_1.useDroppable)({
     id: `droppable-${id}`,
     data: Object.assign(Object.assign({}, data), {
       previewRef
     }),
     disabled
   }),
-        isOver = _core_1$useDroppable2.isOver,
-        setDroppableNodeRef = _core_1$useDroppable2.setNodeRef;
+        isOver = _ref2.isOver,
+        setDroppableNodeRef = _ref2.setNodeRef;
 
-  const _core_1$useDraggable = core_1.useDraggable({
+  const _ref3 = (0, core_1.useDraggable)({
     id: `draggable-${id}`,
     disabled,
     data: Object.assign(Object.assign({}, data), {
       previewRef
     })
   }),
-        isDragging = _core_1$useDraggable.isDragging,
-        attributes = _core_1$useDraggable.attributes,
-        listeners = _core_1$useDraggable.listeners,
-        setDraggableNodeRef = _core_1$useDraggable.setNodeRef,
-        transform = _core_1$useDraggable.transform;
+        isDragging = _ref3.isDragging,
+        attributes = _ref3.attributes,
+        listeners = _ref3.listeners,
+        setDraggableNodeRef = _ref3.setNodeRef,
+        transform = _ref3.transform;
 
   if (draggable) {
     Object.assign(others, listeners);
@@ -146,7 +146,7 @@ function SortableItem(props) {
 
   const Component = component || Div;
   return react_1.default.createElement(Component, Object.assign({}, others, {
-    className: classnames_1.default(className, `droppable droppable-${id}`, {
+    className: (0, classnames_1.default)(className, `droppable droppable-${id}`, {
       isOver,
       isDragging
     }),

package/lib/components/Sortable/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/Sortable/index.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import React, { useState } from 'react';\nimport {\n  SortableContext,\n  useSortable,\n  horizontalListSortingStrategy,\n  verticalListSortingStrategy,\n  sortableKeyboardCoordinates,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { Menu, Table, Tabs } from 'antd';\nimport { createContext } from 'react';\nimport { useContext } from 'react';\nimport { range } from 'lodash';\nconst RowSyntheticListenerMapContext = createContext(null);\nconst CellContext = createContext(null);\nimport cls from 'classnames';\n\nimport {\n  DndContext,\n  DragOverlay,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  useDraggable,\n  useDroppable,\n} from '@dnd-kit/core';\nimport { forwardRef } from 'react';\nimport { DragOutlined } from '@ant-design/icons';\nimport { useRef } from 'react';\n\nconst Div = forwardRef<HTMLDivElement>((props, ref) => {\n  return <div ref={ref} {...props} />;\n});\n\nexport interface SortableItemProps {}\n\nexport const SortableItemContext = createContext<any>({});\n\nexport function DragHandle(props) {\n  const { component, ...others } = props;\n  const Icon = component || DragOutlined;\n  return (\n    <SortableItemContext.Consumer>\n      {({ draggable, setDraggableNodeRef, attributes, listeners }) =>\n        setDraggableNodeRef && (\n          <Icon\n            ref={setDraggableNodeRef}\n            {...others}\n            // {...attributes}\n            {...listeners}\n          />\n        )\n      }\n    </SortableItemContext.Consumer>\n  );\n}\n\nexport interface DroppableProps {\n  id: any;\n  data?: any;\n  component?: any;\n  [key: string]: any;\n}\n\nexport function Droppable(props: DroppableProps) {\n  const { id, data = {}, className, component, children, ...others } = props;\n  const { isOver, setNodeRef: setDroppableNodeRef } = useDroppable({\n    id: `droppable-${id}`,\n    data: {\n      ...data,\n    },\n  });\n  const Component = component || Div;\n  return (\n    <Component\n      {...others}\n      className={cls(className, `droppable droppable-${id}`, {\n        isOver,\n      })}\n      ref={(el: HTMLElement) => {\n        setDroppableNodeRef(el);\n      }}\n    >\n      {children}\n    </Component>\n  );\n}\n\nexport interface SortableItemProps {\n  id: any;\n  data?: any;\n  component?: any;\n  draggable?: boolean;\n  [key: string]: any;\n}\n\nexport function SortableItem(props: SortableItemProps) {\n  const {\n    id,\n    data = {},\n    draggable,\n    className,\n    component,\n    children,\n    disabled,\n    ...others\n  } = props;\n  const previewRef = useRef<HTMLElement>();\n  const { isOver, setNodeRef: setDroppableNodeRef } = useDroppable({\n    id: `droppable-${id}`,\n    data: {\n      ...data,\n      previewRef,\n    },\n    disabled,\n  });\n  const {\n    isDragging,\n    attributes,\n    listeners,\n    setNodeRef: setDraggableNodeRef,\n    transform,\n  } = useDraggable({\n    id: `draggable-${id}`,\n    disabled,\n    data: {\n      ...data,\n      previewRef,\n    },\n  });\n  if (draggable) {\n    Object.assign(others, listeners);\n  }\n  const Component = component || Div;\n  return (\n    <Component\n      {...others}\n      // {...attributes}\n      className={cls(className, `droppable droppable-${id}`, {\n        isOver,\n        isDragging,\n      })}\n      ref={(el: HTMLElement) => {\n        previewRef.current = el;\n        setDroppableNodeRef(el);\n        // if (draggable) {\n        // setDraggableNodeRef(el);\n        // }\n      }}\n    >\n      <SortableItemContext.Provider\n        value={{ draggable, setDraggableNodeRef, attributes, listeners }}\n      >\n        {children}\n      </SortableItemContext.Provider>\n    </Component>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/Sortable/index.tsx"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import React, { useState } from 'react';\nimport {\n  SortableContext,\n  useSortable,\n  horizontalListSortingStrategy,\n  verticalListSortingStrategy,\n  sortableKeyboardCoordinates,\n} from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\nimport { Menu, Table, Tabs } from 'antd';\nimport { createContext } from 'react';\nimport { useContext } from 'react';\nimport { range } from 'lodash';\nconst RowSyntheticListenerMapContext = createContext(null);\nconst CellContext = createContext(null);\nimport cls from 'classnames';\n\nimport {\n  DndContext,\n  DragOverlay,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  useDraggable,\n  useDroppable,\n} from '@dnd-kit/core';\nimport { forwardRef } from 'react';\nimport { DragOutlined } from '@ant-design/icons';\nimport { useRef } from 'react';\n\nconst Div = forwardRef<HTMLDivElement>((props, ref) => {\n  return <div ref={ref} {...props} />;\n});\n\nexport interface SortableItemProps {}\n\nexport const SortableItemContext = createContext<any>({});\n\nexport function DragHandle(props) {\n  const { component, ...others } = props;\n  const Icon = component || DragOutlined;\n  return (\n    <SortableItemContext.Consumer>\n      {({ draggable, setDraggableNodeRef, attributes, listeners }) =>\n        setDraggableNodeRef && (\n          <Icon\n            ref={setDraggableNodeRef}\n            {...others}\n            // {...attributes}\n            {...listeners}\n          />\n        )\n      }\n    </SortableItemContext.Consumer>\n  );\n}\n\nexport interface DroppableProps {\n  id: any;\n  data?: any;\n  component?: any;\n  [key: string]: any;\n}\n\nexport function Droppable(props: DroppableProps) {\n  const { id, data = {}, className, component, children, ...others } = props;\n  const { isOver, setNodeRef: setDroppableNodeRef } = useDroppable({\n    id: `droppable-${id}`,\n    data: {\n      ...data,\n    },\n  });\n  const Component = component || Div;\n  return (\n    <Component\n      {...others}\n      className={cls(className, `droppable droppable-${id}`, {\n        isOver,\n      })}\n      ref={(el: HTMLElement) => {\n        setDroppableNodeRef(el);\n      }}\n    >\n      {children}\n    </Component>\n  );\n}\n\nexport interface SortableItemProps {\n  id: any;\n  data?: any;\n  component?: any;\n  draggable?: boolean;\n  [key: string]: any;\n}\n\nexport function SortableItem(props: SortableItemProps) {\n  const {\n    id,\n    data = {},\n    draggable,\n    className,\n    component,\n    children,\n    disabled,\n    ...others\n  } = props;\n  const previewRef = useRef<HTMLElement>();\n  const { isOver, setNodeRef: setDroppableNodeRef } = useDroppable({\n    id: `droppable-${id}`,\n    data: {\n      ...data,\n      previewRef,\n    },\n    disabled,\n  });\n  const {\n    isDragging,\n    attributes,\n    listeners,\n    setNodeRef: setDraggableNodeRef,\n    transform,\n  } = useDraggable({\n    id: `draggable-${id}`,\n    disabled,\n    data: {\n      ...data,\n      previewRef,\n    },\n  });\n  if (draggable) {\n    Object.assign(others, listeners);\n  }\n  const Component = component || Div;\n  return (\n    <Component\n      {...others}\n      // {...attributes}\n      className={cls(className, `droppable droppable-${id}`, {\n        isOver,\n        isDragging,\n      })}\n      ref={(el: HTMLElement) => {\n        previewRef.current = el;\n        setDroppableNodeRef(el);\n        // if (draggable) {\n        // setDraggableNodeRef(el);\n        // }\n      }}\n    >\n      <SortableItemContext.Provider\n        value={{ draggable, setDraggableNodeRef, attributes, listeners }}\n      >\n        {children}\n      </SortableItemContext.Provider>\n    </Component>\n  );\n}\n"]}

package/lib/components/SwitchMenuItem.js

@@ -101,14 +101,14 @@ const useCompile_1 = require("../hooks/useCompile");
 
 function SwitchMenuItem(props) {
   const onChange = props.onChange;
-  const compile = useCompile_1.useCompile();
+  const compile = (0, useCompile_1.useCompile)();
 
-  const _react_1$useState = react_1.useState(props.checked),
-        _react_1$useState2 = _slicedToArray(_react_1$useState, 2),
-        checked = _react_1$useState2[0],
-        setChecked = _react_1$useState2[1];
+  const _ref = (0, react_1.useState)(props.checked),
+        _ref2 = _slicedToArray(_ref, 2),
+        checked = _ref2[0],
+        setChecked = _ref2[1];
 
-  react_1.useEffect(() => {
+  (0, react_1.useEffect)(() => {
     setChecked(props.checked);
   }, [props.checked]);
   return react_1.default.createElement(antd_1.Menu.Item, {

package/lib/components/SwitchMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/SwitchMenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,+BAAoC;AACpC,oDAAiD;AAQjD,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,OAAO,GAAG,uBAAU,EAAE,CAAC;IAC7B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,gBAAQ,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACtD,iBAAS,CAAC,GAAG,EAAE;QACb,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACpB,OAAO,CACL,8BAAC,WAAI,CAAC,IAAI,IACR,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EACxB,OAAO,EAAE,GAAS,EAAE;YAClB,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE;gBACrB,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;gBACnB,OAAO,CAAC,OAAO,CAAC;YAClB,CAAC,CAAC,CAAC;QACL,CAAC,CAAA;QAED,uCACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,eAAe;aAChC;YAED,4CAAO,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAQ;YACnC,8BAAC,aAAM,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAI,CACvC,CACI,CACb,CAAC;AACJ,CAAC;AA7BD,wCA6BC;AAED,kBAAe,cAAc,CAAC","file":"SwitchMenuItem.js","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Menu, Switch } from 'antd';\nimport { useCompile } from '../hooks/useCompile';\n\nexport interface SwitchMenuItemProps {\n  onChange?: any;\n  title?: any;\n  checked?: boolean;\n}\n\nexport function SwitchMenuItem(props: SwitchMenuItemProps) {\n  const { onChange } = props;\n  const compile = useCompile();\n  const [checked, setChecked] = useState(props.checked);\n  useEffect(() => {\n    setChecked(props.checked);\n  }, [props.checked]);\n  return (\n    <Menu.Item\n      style={{ minWidth: 150 }}\n      onClick={async () => {\n        setChecked((checked) => {\n          onChange(!checked);\n          return !checked;\n        });\n      }}\n    >\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n        }}\n      >\n        <span>{compile(props.title)}</span>\n        <Switch checked={checked} size={'small'} />\n      </div>\n    </Menu.Item>\n  );\n}\n\nexport default SwitchMenuItem;\n"]}
+{"version":3,"sources":["../src/components/SwitchMenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AACnD,+BAAoC;AACpC,oDAAiD;AAQjD,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,OAAO,GAAG,IAAA,uBAAU,GAAE,CAAC;IAC7B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IACtD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAC5B,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACpB,OAAO,CACL,8BAAC,WAAI,CAAC,IAAI,IACR,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EACxB,OAAO,EAAE,GAAS,EAAE;YAClB,UAAU,CAAC,CAAC,OAAO,EAAE,EAAE;gBACrB,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;gBACnB,OAAO,CAAC,OAAO,CAAC;YAClB,CAAC,CAAC,CAAC;QACL,CAAC,CAAA;QAED,uCACE,KAAK,EAAE;gBACL,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,eAAe;aAChC;YAED,4CAAO,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAQ;YACnC,8BAAC,aAAM,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,GAAI,CACvC,CACI,CACb,CAAC;AACJ,CAAC;AA7BD,wCA6BC;AAED,kBAAe,cAAc,CAAC","file":"SwitchMenuItem.js","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { Menu, Switch } from 'antd';\nimport { useCompile } from '../hooks/useCompile';\n\nexport interface SwitchMenuItemProps {\n  onChange?: any;\n  title?: any;\n  checked?: boolean;\n}\n\nexport function SwitchMenuItem(props: SwitchMenuItemProps) {\n  const { onChange } = props;\n  const compile = useCompile();\n  const [checked, setChecked] = useState(props.checked);\n  useEffect(() => {\n    setChecked(props.checked);\n  }, [props.checked]);\n  return (\n    <Menu.Item\n      style={{ minWidth: 150 }}\n      onClick={async () => {\n        setChecked((checked) => {\n          onChange(!checked);\n          return !checked;\n        });\n      }}\n    >\n      <div\n        style={{\n          display: 'flex',\n          alignItems: 'center',\n          justifyContent: 'space-between',\n        }}\n      >\n        <span>{compile(props.title)}</span>\n        <Switch checked={checked} size={'small'} />\n      </div>\n    </Menu.Item>\n  );\n}\n\nexport default SwitchMenuItem;\n"]}

package/lib/components/admin-layout/Auth.js

@@ -61,11 +61,11 @@ const react_router_1 = require("react-router");
 
 const react_router_dom_1 = require("react-router-dom");
 
-exports.AuthContext = react_1.createContext(null);
+exports.AuthContext = (0, react_1.createContext)(null);
 
 const useCurrentUser = () => {
-  const _react_2$useContext = react_2.useContext(exports.AuthContext),
-        currentUser = _react_2$useContext.currentUser;
+  const _ref = (0, react_2.useContext)(exports.AuthContext),
+        currentUser = _ref.currentUser;
 
   return currentUser;
 };
@@ -73,10 +73,10 @@ const useCurrentUser = () => {
 exports.useCurrentUser = useCurrentUser;
 
 function AuthProvider(props) {
-  const service = ahooks_1.useRequest('users:check', {
+  const service = (0, ahooks_1.useRequest)('users:check', {
     formatResult: result => result === null || result === void 0 ? void 0 : result.data
   });
-  const location = react_router_dom_1.useLocation();
+  const location = (0, react_router_dom_1.useLocation)();
   const pathname = location.pathname,
         search = location.search;
   let redirect = `?redirect=${pathname}${search}`;

package/lib/components/admin-layout/Auth.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/admin-layout/Auth.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAoC;AACpC,+BAA4B;AAC5B,+CAA6C;AAC7C,iCAAmC;AACnC,+CAAwC;AACxC,uDAA+C;AAQlC,QAAA,WAAW,GAAG,qBAAa,CAAmB,IAAI,CAAC,CAAC;AAE1D,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,WAAW,EAAE,GAAG,kBAAU,CAAC,mBAAW,CAAC,CAAC;IAChD,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAHW,QAAA,cAAc,kBAGzB;AAEF,SAAgB,YAAY,CAAC,KAAK;IAChC,MAAM,OAAO,GAAG,mBAAU,CAAC,aAAa,EAAE;QACxC,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI;KACvC,CAAC,CAAC;IACH,MAAM,QAAQ,GAAG,8BAAW,EAAE,CAAC;IAC/B,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC;IACtC,IAAI,QAAQ,GAAG,aAAa,QAAQ,GAAG,MAAM,EAAE,CAAC;IAChD,IAAI,OAAO,CAAC,KAAK,EAAE;QACjB,OAAO,8BAAC,uBAAQ,IAAC,EAAE,EAAE,SAAS,GAAG,QAAQ,GAAI,CAAC;KAC/C;IACD,OAAO,CACL,8BAAC,mBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC,IAAI,EAAE,IAChE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CACjB,8BAAC,WAAI,IAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,GAAI,CACrD,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,QAAQ,CACf,CACoB,CACxB,CAAC;AACJ,CAAC;AAnBD,oCAmBC","file":"Auth.js","sourcesContent":["import { useRequest } from 'ahooks';\nimport { Spin } from 'antd';\nimport React, { createContext } from 'react';\nimport { useContext } from 'react';\nimport { Redirect } from 'react-router';\nimport { useLocation } from 'react-router-dom';\nimport { BaseResult } from '@ahooksjs/use-request/lib/types';\n\nexport interface AuthContextProps {\n  currentUser?: any;\n  service: BaseResult<any, any>;\n}\n\nexport const AuthContext = createContext<AuthContextProps>(null);\n\nexport const useCurrentUser = () => {\n  const { currentUser } = useContext(AuthContext);\n  return currentUser;\n};\n\nexport function AuthProvider(props) {\n  const service = useRequest('users:check', {\n    formatResult: (result) => result?.data,\n  });\n  const location = useLocation();\n  const { pathname, search } = location;\n  let redirect = `?redirect=${pathname}${search}`;\n  if (service.error) {\n    return <Redirect to={'/signin' + redirect} />;\n  }\n  return (\n    <AuthContext.Provider value={{ service, currentUser: service.data }}>\n      {service.loading ? (\n        <Spin size={'large'} className={'nb-spin-center'} />\n      ) : (\n        props.children\n      )}\n    </AuthContext.Provider>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/admin-layout/Auth.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAoC;AACpC,+BAA4B;AAC5B,+CAA6C;AAC7C,iCAAmC;AACnC,+CAAwC;AACxC,uDAA+C;AAQlC,QAAA,WAAW,GAAG,IAAA,qBAAa,EAAmB,IAAI,CAAC,CAAC;AAE1D,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,WAAW,EAAE,GAAG,IAAA,kBAAU,EAAC,mBAAW,CAAC,CAAC;IAChD,OAAO,WAAW,CAAC;AACrB,CAAC,CAAC;AAHW,QAAA,cAAc,kBAGzB;AAEF,SAAgB,YAAY,CAAC,KAAK;IAChC,MAAM,OAAO,GAAG,IAAA,mBAAU,EAAC,aAAa,EAAE;QACxC,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI;KACvC,CAAC,CAAC;IACH,MAAM,QAAQ,GAAG,IAAA,8BAAW,GAAE,CAAC;IAC/B,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,QAAQ,CAAC;IACtC,IAAI,QAAQ,GAAG,aAAa,QAAQ,GAAG,MAAM,EAAE,CAAC;IAChD,IAAI,OAAO,CAAC,KAAK,EAAE;QACjB,OAAO,8BAAC,uBAAQ,IAAC,EAAE,EAAE,SAAS,GAAG,QAAQ,GAAI,CAAC;KAC/C;IACD,OAAO,CACL,8BAAC,mBAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,CAAC,IAAI,EAAE,IAChE,OAAO,CAAC,OAAO,CAAC,CAAC,CAAC,CACjB,8BAAC,WAAI,IAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,GAAI,CACrD,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,QAAQ,CACf,CACoB,CACxB,CAAC;AACJ,CAAC;AAnBD,oCAmBC","file":"Auth.js","sourcesContent":["import { useRequest } from 'ahooks';\nimport { Spin } from 'antd';\nimport React, { createContext } from 'react';\nimport { useContext } from 'react';\nimport { Redirect } from 'react-router';\nimport { useLocation } from 'react-router-dom';\nimport { BaseResult } from '@ahooksjs/use-request/lib/types';\n\nexport interface AuthContextProps {\n  currentUser?: any;\n  service: BaseResult<any, any>;\n}\n\nexport const AuthContext = createContext<AuthContextProps>(null);\n\nexport const useCurrentUser = () => {\n  const { currentUser } = useContext(AuthContext);\n  return currentUser;\n};\n\nexport function AuthProvider(props) {\n  const service = useRequest('users:check', {\n    formatResult: (result) => result?.data,\n  });\n  const location = useLocation();\n  const { pathname, search } = location;\n  let redirect = `?redirect=${pathname}${search}`;\n  if (service.error) {\n    return <Redirect to={'/signin' + redirect} />;\n  }\n  return (\n    <AuthContext.Provider value={{ service, currentUser: service.data }}>\n      {service.loading ? (\n        <Spin size={'large'} className={'nb-spin-center'} />\n      ) : (\n        props.children\n      )}\n    </AuthContext.Provider>\n  );\n}\n"]}

package/lib/components/admin-layout/Collections/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/admin-layout/Collections/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AA6BxE,eAAO,MAAM,WAAW,oBAAsB,CAAC;AAqvB/C,eAAO,MAAM,WAAW,mBAWvB,CAAC;AAEF,eAAe,WAAW,CAAC","file":"index.d.ts","sourcesContent":["import { SchemaRenderer } from '../../../';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { FormItem } from '@formily/antd';\nimport { action } from '@formily/reactive';\nimport {\n  useCollectionContext,\n  useCollectionsContext,\n} from '../../../constate/Collections';\nimport { Button, Drawer, Menu, Dropdown, Space } from 'antd';\nimport { PlusOutlined, DownOutlined } from '@ant-design/icons';\nimport cls from 'classnames';\nimport { uid, isValid, clone } from '@formily/shared';\nimport { Resource } from '../../../resource';\nimport { TableRowContext, useTable } from '../../../schemas/table';\nimport { useRequest } from 'ahooks';\nimport { VisibleContext } from '../../../context';\nimport { connect, FormProvider, observer, useForm } from '@formily/react';\nimport { DescriptionsContext } from '../../../schemas/form';\nimport { createContext } from 'react';\nimport { ISchema } from '../../../';\nimport { createForm, Field } from '@formily/core';\nimport { SchemaField } from '../../../schemas';\nimport {\n  interfaces,\n  options,\n} from '../../../schemas/database-field/interfaces';\nimport { useResourceRequest } from '../../../constate';\nimport { useTranslation } from 'react-i18next';\nimport { useCompile } from '../../../hooks/useCompile';\n\nexport const RoleContext = createContext(null);\n\nfunction VisibleProvider(props) {\n  const ctx = useContext(TableRowContext);\n  const [visible, setVisible] = useState(false);\n  return (\n    <VisibleContext.Provider value={[visible, setVisible]}>\n      {props.children}\n    </VisibleContext.Provider>\n  );\n}\n\nconst useResource = () => {\n  const resource = useResourceRequest('collections');\n  return {\n    resource,\n  };\n};\n\nconst useCollectionsResource = () => {\n  const resource = useResourceRequest('collections');\n  return {\n    resource,\n  };\n};\n\nclass ActionPermissionResource extends Resource {\n  save(options?: any) {\n    console.log('ActionPermissionResource.save');\n    return Promise.resolve({});\n  }\n}\n\nconst useActionPermissionSubmit = () => {\n  const form = useForm();\n  const role = useContext(RoleContext);\n  const resource = useResourceRequest({\n    resourceName: 'roles',\n    resourceKey: role.name,\n  });\n  return {\n    async run() {\n      await resource.save(form.values);\n      console.log('useActionPermissionSubmit', form.values?.actionPermissions);\n    },\n  };\n};\n\nconst useActionPermissionResource = ({ onSuccess }) => {\n  const role = useContext(RoleContext);\n  console.log('RoleContext', role);\n  // const { props } = useTable();\n  const ctx = useContext(TableRowContext);\n  const resource = useResourceRequest(\n    {\n      resourceName: 'action_permissions',\n    },\n    ActionPermissionResource,\n  );\n  const service = useRequest(\n    (params?: any) => {\n      return resource.list({\n        ...params,\n        filter: {\n          role_name: role.name,\n          collection_name: ctx.record.name,\n        },\n        appends: ['fields'],\n      });\n    },\n    {\n      formatResult: (result) => result?.data,\n      onSuccess(data) {\n        console.log('actionPermissions', data);\n        onSuccess({\n          actionPermissions: data.map((permission) => {\n            const item: any = {};\n            Object.keys(permission).forEach((key) => {\n              if (isValid(permission[key])) {\n                item[key] = permission[key];\n              }\n            });\n            item.fields = permission?.fields.map((field) => field.key) || [];\n            return item;\n          }),\n        });\n      },\n      manual: true,\n    },\n  );\n  const [visible] = useContext(VisibleContext);\n\n  useEffect(() => {\n    if (visible) {\n      service.run({});\n    }\n  }, [visible]);\n\n  return { resource, service, initialValues: service.data, ...service };\n};\n\nconst useDetailsResource = ({ onSuccess }) => {\n  const { props } = useTable();\n  const ctx = useContext(TableRowContext);\n  const resource = useResourceRequest({\n    resourceName: 'collections',\n    resourceKey: ctx.record[props.rowKey],\n  });\n  const service = useRequest(\n    (params?: any) => {\n      return resource.get({ ...params });\n    },\n    {\n      formatResult: (result) => result?.data,\n      onSuccess,\n      manual: true,\n    },\n  );\n  const [visible] = useContext(VisibleContext);\n\n  useEffect(() => {\n    if (visible) {\n      service.run({});\n    }\n  }, [visible]);\n\n  return { resource, service, initialValues: service.data, ...service };\n};\n\nconst useFieldsResource = () => {\n  const { props } = useTable();\n  const ctx = useContext(TableRowContext);\n  class FieldResource extends Resource {\n    list(options) {\n      return super.list({\n        ...options,\n        filter: { state: 1, collection_name: ctx.record[props.rowKey] },\n      });\n    }\n  }\n  const resource = useResourceRequest('fields', FieldResource);\n  return {\n    resource,\n  };\n};\n\nconst fieldInterfaces = [];\nfor (const [key, schema] of interfaces) {\n  fieldInterfaces.push({\n    value: key,\n    label: schema.title,\n    disabled: schema.disabled,\n  });\n}\n\nconst collectionSchema: ISchema = {\n  type: 'array',\n  'x-decorator': 'VisibleProvider',\n  'x-component': 'Table',\n  default: [],\n  'x-component-props': {\n    rowKey: 'key',\n    dragSort: true,\n    showIndex: true,\n    refreshRequestOnChange: true,\n    pagination: {\n      pageSize: 100,\n    },\n    defaultAppends: ['uiSchema'],\n    useResource: useFieldsResource,\n    collectionName: 'fields',\n  },\n  properties: {\n    [uid()]: {\n      type: 'void',\n      'x-component': 'Table.ActionBar',\n      properties: {\n        [uid()]: {\n          type: 'void',\n          name: 'action1',\n          title: \"{{t('Delete')}}\",\n          'x-align': 'right',\n          'x-decorator': 'AddNew.Displayed',\n          'x-decorator-props': {\n            displayName: 'destroy',\n          },\n          'x-component': 'Action',\n          'x-component-props': {\n            icon: 'DeleteOutlined',\n            confirm: {\n              title: \"{{t('Delete record')}}\",\n              content: \"{{t('Are you sure you want to delete it?')}}\",\n            },\n            useAction: '{{ Table.useTableDestroyAction }}',\n          },\n        },\n        [uid()]: {\n          type: 'void',\n          title: \"{{t('Add new')}}\",\n          'x-align': 'right',\n          'x-decorator': 'AddNew.Displayed',\n          'x-decorator-props': {\n            displayName: 'create',\n          },\n          'x-component': 'CreateFieldButton',\n          'x-component-props': {\n            type: 'primary',\n            icon: 'PlusOutlined',\n          },\n        },\n      },\n    },\n    column1: {\n      type: 'void',\n      title: \"{{t('Field display name')}}\",\n      'x-component': 'Table.Column',\n      properties: {\n        'uiSchema.title': {\n          type: 'string',\n          'x-component': 'Input',\n          'x-read-pretty': true,\n        },\n      },\n    },\n    column2: {\n      type: 'void',\n      title: \"{{t('Field name')}}\",\n      'x-component': 'Table.Column',\n      properties: {\n        name: {\n          type: 'string',\n          'x-component': 'Input',\n          'x-read-pretty': true,\n        },\n      },\n    },\n    column3: {\n      type: 'void',\n      title: \"{{t('Field type')}}\",\n      'x-component': 'Table.Column',\n      properties: {\n        interface: {\n          type: 'string',\n          'x-component': 'Select',\n          'x-read-pretty': true,\n          // @ts-ignore\n          enum: fieldInterfaces,\n        },\n      },\n    },\n    [uid()]: {\n      type: 'void',\n      title: \"{{t('Actions')}}\",\n      'x-component': 'Table.Column',\n      'x-component-props': {\n        width: 160,\n      },\n      properties: {\n        [uid()]: {\n          type: 'void',\n          'x-component': 'Action.Group',\n          'x-component-props': {\n            type: 'link',\n          },\n          properties: {\n            [uid()]: {\n              type: 'void',\n              title: \"{{t('Edit')}}\",\n              'x-component': 'EditFieldButton',\n              'x-component-props': {\n                type: 'link',\n                useAction() {\n                  return {\n                    async run() {\n                      alert('abc');\n                    },\n                  };\n                },\n              },\n              'x-action-type': 'update',\n            },\n            [uid()]: {\n              type: 'void',\n              title: \"{{t('Delete')}}\",\n              'x-component': 'Action',\n              'x-action-type': 'destroy',\n              'x-component-props': {\n                type: 'link',\n                confirm: {\n                  title: '删除数据',\n                  content: '删除后无法恢复，确定要删除吗？',\n                },\n                useAction: '{{ Table.useTableDestroyAction }}',\n              },\n            },\n          },\n        },\n      },\n    },\n  },\n};\n\nfunction FieldConfigTitle() {\n  const ctx = useContext(TableRowContext);\n  const { t } = useTranslation();\n  const compile = useCompile();\n  return <>{t('Configure fields of {{title}}', { title: compile(ctx.record.title) })}</>;\n}\n\nfunction useCollectionResource({ onSuccess }) {\n  const visible = useContext(VisibleContext);\n  const resource = useResourceRequest('collections');\n  useEffect(() => {\n    visible && onSuccess({ name: `t_${uid()}` });\n  }, [visible]);\n  return { resource };\n}\n\nconst schema: ISchema = {\n  type: 'void',\n  name: 'action',\n  'x-component': 'Action',\n  'x-component-props': {\n    tooltip: \"{{ t('Collections & Fields') }}\",\n    className: 'nb-database-config',\n    icon: 'DatabaseOutlined',\n    type: 'primary',\n  },\n  properties: {\n    modal1: {\n      type: 'void',\n      title: \"{{t('Collections & Fields')}}\",\n      'x-component': 'Action.Drawer',\n      properties: {\n        table: {\n          type: 'array',\n          // 'x-decorator': 'CardItem',\n          'x-component': 'Table',\n          default: [],\n          'x-component-props': {\n            rowKey: 'name',\n            dragSort: true,\n            showIndex: true,\n            refreshRequestOnChange: true,\n            pagination: {\n              pageSize: 100,\n            },\n            useResource,\n            collectionName: 'collections',\n          },\n          properties: {\n            [uid()]: {\n              type: 'void',\n              'x-component': 'Table.ActionBar',\n              properties: {\n                [uid()]: {\n                  type: 'void',\n                  name: 'action1',\n                  title: \"{{t('Delete')}}\",\n                  'x-align': 'right',\n                  'x-decorator': 'AddNew.Displayed',\n                  'x-decorator-props': {\n                    displayName: 'destroy',\n                  },\n                  'x-component': 'Action',\n                  'x-component-props': {\n                    icon: 'DeleteOutlined',\n                    confirm: {\n                      title: \"{{t('Delete record')}}\",\n                      content: \"{{t('Are you sure you want to delete it?')}}\",\n                    },\n                    useAction: '{{ Table.useTableDestroyAction }}',\n                  },\n                },\n                [uid()]: {\n                  type: 'void',\n                  title: \"{{t('Create collection')}}\",\n                  'x-align': 'right',\n                  'x-decorator': 'AddNew.Displayed',\n                  'x-decorator-props': {\n                    displayName: 'create',\n                  },\n                  'x-component': 'Action',\n                  'x-component-props': {\n                    type: 'primary',\n                    icon: 'PlusOutlined',\n                  },\n                  properties: {\n                    modal: {\n                      type: 'void',\n                      title: \"{{t('Create collection')}}\",\n                      'x-decorator': 'Form',\n                      'x-decorator-props': {\n                        useResource: useCollectionResource,\n                      },\n                      'x-component': 'Action.Drawer',\n                      'x-component-props': {\n                        useOkAction: '{{ Table.useTableCreateAction }}',\n                      },\n                      properties: {\n                        title: {\n                          type: 'string',\n                          title: \"{{t('Collection display name')}}\",\n                          'x-component': 'Input',\n                          'x-decorator': 'FormilyFormItem',\n                        },\n                        name: {\n                          type: 'string',\n                          title: \"{{t('Collection name')}}\",\n                          'x-component': 'Input',\n                          'x-decorator': 'FormilyFormItem',\n                          description:\n                            \"{{t('Randomly generated and can be modified. Support letters, numbers and underscores, must start with an letter.')}}\",\n                        },\n                      },\n                    },\n                  },\n                },\n              },\n            },\n            column1: {\n              type: 'void',\n              title: \"{{t('Collection display name')}}\",\n              'x-component': 'Table.Column',\n              properties: {\n                title: {\n                  type: 'string',\n                  'x-component': 'Input',\n                  'x-read-pretty': true,\n                },\n              },\n            },\n            column2: {\n              type: 'void',\n              title: \"{{t('Collection name')}}\",\n              'x-component': 'Table.Column',\n              properties: {\n                name: {\n                  type: 'string',\n                  'x-component': 'Input',\n                  'x-read-pretty': true,\n                },\n              },\n            },\n            [uid()]: {\n              type: 'void',\n              title: \"{{t('Actions')}}\",\n              'x-component': 'Table.Column',\n              'x-component-props': {\n                width: 160,\n              },\n              properties: {\n                [uid()]: {\n                  type: 'void',\n                  'x-component': 'Action.Group',\n                  'x-component-props': {\n                    type: 'link',\n                  },\n                  properties: {\n                    [uid()]: {\n                      type: 'void',\n                      title: \"{{t('Configure fields')}}\",\n                      'x-component': 'Action',\n                      'x-component-props': {\n                        type: 'link',\n                      },\n                      'x-action-type': 'view',\n                      properties: {\n                        [uid()]: {\n                          type: 'void',\n                          title: <FieldConfigTitle />,\n                          // 'x-decorator': 'RoleProvider',\n                          'x-component': 'Action.Drawer',\n                          'x-component-props': {},\n                          properties: {\n                            [uid()]: collectionSchema,\n                          },\n                        },\n                      },\n                    },\n                    [uid()]: {\n                      type: 'void',\n                      title: \"{{t('Edit')}}\",\n                      'x-component': 'Action',\n                      'x-component-props': {\n                        type: 'link',\n                      },\n                      'x-action-type': 'update',\n                      properties: {\n                        [uid()]: {\n                          type: 'void',\n                          title: \"{{t('Edit collection')}}\",\n                          'x-decorator': 'Form',\n                          'x-decorator-props': {\n                            useResource: useDetailsResource,\n                          },\n                          'x-component': 'Action.Drawer',\n                          'x-component-props': {\n                            useOkAction: '{{ Table.useTableUpdateAction }}',\n                          },\n                          properties: {\n                            title: {\n                              type: 'string',\n                              title: \"{{t('Collection display name')}}\",\n                              'x-component': 'Input',\n                              'x-decorator': 'FormilyFormItem',\n                            },\n                          },\n                        },\n                      },\n                    },\n                    [uid()]: {\n                      type: 'void',\n                      title: \"{{t('Delete')}}\",\n                      'x-component': 'Action',\n                      'x-action-type': 'destroy',\n                      'x-component-props': {\n                        type: 'link',\n                        confirm: {\n                          title: \"{{t('Delete record')}}\",\n                          content: \"{{t('Are you sure you want to delete it?')}}\",\n                        },\n                        useAction: '{{ Table.useTableDestroyAction }}',\n                      },\n                    },\n                  },\n                },\n              },\n            },\n          },\n        },\n      },\n    },\n  },\n};\n\nfunction CreateFieldButton() {\n  const { t } = useTranslation();\n  const compile = useCompile();\n  const { refresh } = useCollectionsContext();\n  const ctx = useContext(TableRowContext);\n  const { service } = useTable();\n  const [visible, setVisible] = useState(false);\n  const form = useMemo(() => createForm(), []);\n  const [properties, setProperties] = useState({});\n  const { collections = [], loading } = useCollectionsContext();\n  const resource = useResourceRequest('fields');\n\n  const loadCollections = async (field: any) => {\n    return collections.map((item: any) => ({\n      label: item.title,\n      value: item.name,\n    }));\n  };\n\n  const loadCollectionFields = async (field: Field) => {\n    const target = field.query('....target').get('value');\n    const f = field.query('....target').take();\n    console.log('loadCollectionFields', f, field);\n    const collection = collections?.find((item) => item.name === target);\n    if (!collection) {\n      return [];\n    }\n    return collection?.generalFields\n      ?.filter((item) => item?.uiSchema?.title)\n      ?.map((item) => ({\n        label: item?.uiSchema?.title || item.name,\n        value: item.name,\n      }));\n  };\n\n  const menu = (\n    <Menu\n      onClick={(info) => {\n        console.log('click', info.key);\n        const schema = interfaces.get(info.key);\n        form.setValues({\n          ...clone(schema.default),\n          collection_name: ctx.record.name,\n          key: uid(),\n          name: `f_${uid()}`,\n          interface: info.key,\n        });\n        setProperties(clone(schema.properties));\n        setVisible(true);\n      }}\n    >\n      {options.map(\n        (option, groupIndex) =>\n          option.children.length > 0 && (\n            <Menu.SubMenu key={groupIndex} title={compile(option.label)}>\n              {option.children.map((item) => (\n                <Menu.Item\n                  disabled={item.disabled}\n                  style={{ minWidth: 120 }}\n                  key={item.name}\n                >\n                  {compile(item.title)}\n                </Menu.Item>\n              ))}\n            </Menu.SubMenu>\n          ),\n      )}\n    </Menu>\n  );\n  return (\n    <>\n      <Dropdown overlay={menu} overlayClassName={'all-fields'}>\n        <Button type={'primary'} icon={<PlusOutlined />}>\n          {t('Add new')} <DownOutlined />\n        </Button>\n      </Dropdown>\n      <Drawer\n        title={t('Add field')}\n        width={'50%'}\n        visible={visible}\n        onClose={() => {\n          setVisible(false);\n          form.reset();\n        }}\n        footer={\n          <Space style={{ float: 'right' }}>\n            <Button\n              onClick={async () => {\n                setVisible(false);\n                await form.reset();\n              }}\n            >\n              {t('Cancel')}\n            </Button>\n            <Button\n              type={'primary'}\n              onClick={async () => {\n                await resource.save(form.values);\n                setVisible(false);\n                await form.reset();\n                await service.refresh();\n                await refresh();\n              }}\n            >\n              {t('Submit')}\n            </Button>\n          </Space>\n        }\n      >\n        <FormProvider form={form}>\n          <SchemaField\n            scope={{\n              loadCollections,\n              loadCollectionFields,\n            }}\n            schema={{\n              type: 'object',\n              properties,\n            }}\n          />\n        </FormProvider>\n      </Drawer>\n    </>\n  );\n}\n\nfunction EditFieldButton() {\n  const { t } = useTranslation();\n  const { refresh, findCollection } = useCollectionsContext();\n  const { service } = useTable();\n  const ctx = useContext(TableRowContext);\n  const [visible, setVisible] = useState(false);\n  const form = useMemo(() => createForm(), []);\n  const schema = interfaces.get(ctx.record.interface);\n  const { collections = [], loading } = useCollectionsContext();\n  const resource = useResourceRequest('fields');\n\n  const loadCollections = async (field: any) => {\n    return collections.map((item: any) => ({\n      label: item.title,\n      value: item.name,\n    }));\n  };\n\n  const loadCollectionFields = async (field: Field) => {\n    const target = field.query('....target').get('value');\n    const f = field.query('....target').take();\n    console.log('loadCollectionFields', f, field);\n    const collection = collections?.find((item) => item.name === target);\n    if (!collection) {\n      return [];\n    }\n    return collection?.generalFields\n      ?.filter((item) => item?.uiSchema?.title)\n      ?.map((item) => ({\n        label: item?.uiSchema?.title || item.name,\n        value: item.name,\n      }));\n  };\n  return (\n    <>\n      <Button\n        type={'link'}\n        onClick={() => {\n          setVisible(true);\n          const collection = findCollection(ctx.record.collection_name);\n          const values = collection?.generalFields?.find(\n            (field) => field.key === ctx.record.key,\n          );\n          form.setValues(clone(values || {}));\n        }}\n      >\n        {t('Edit')}\n      </Button>\n      <Drawer\n        title={t('Edit field')}\n        width={'50%'}\n        visible={visible}\n        onClose={() => setVisible(false)}\n        footer={\n          <Space style={{ float: 'right' }}>\n            <Button\n              onClick={() => {\n                setVisible(false);\n              }}\n            >\n              {t('Cancel')}\n            </Button>\n            <Button\n              type={'primary'}\n              onClick={async () => {\n                await resource.save(form.values, {\n                  resourceKey: ctx.record.key,\n                });\n                setVisible(false);\n                await service.refresh();\n                await refresh();\n              }}\n            >\n              {t('Submit')}\n            </Button>\n          </Space>\n        }\n      >\n        <FormProvider form={form}>\n          <SchemaField\n            scope={{\n              loadCollections,\n              loadCollectionFields,\n            }}\n            schema={{\n              type: 'object',\n              properties: clone(schema.properties),\n            }}\n          />\n        </FormProvider>\n      </Drawer>\n    </>\n  );\n}\n\nexport const Collections = () => {\n  return (\n    <SchemaRenderer\n      components={{\n        VisibleProvider,\n        CreateFieldButton,\n        EditFieldButton,\n      }}\n      schema={schema}\n    />\n  );\n};\n\nexport default Collections;\n"]}
+{"version":3,"sources":["../src/components/admin-layout/Collections/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AA6BxE,eAAO,MAAM,WAAW,oBAAsB,CAAC;AA2vB/C,eAAO,MAAM,WAAW,mBAWvB,CAAC;AAEF,eAAe,WAAW,CAAC","file":"index.d.ts","sourcesContent":["import { SchemaRenderer } from '../../../';\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { FormItem } from '@formily/antd';\nimport { action } from '@formily/reactive';\nimport {\n  useCollectionContext,\n  useCollectionsContext,\n} from '../../../constate/Collections';\nimport { Button, Drawer, Menu, Dropdown, Space } from 'antd';\nimport { PlusOutlined, DownOutlined } from '@ant-design/icons';\nimport cls from 'classnames';\nimport { uid, isValid, clone } from '@formily/shared';\nimport { Resource } from '../../../resource';\nimport { TableRowContext, useTable } from '../../../schemas/table';\nimport { useRequest } from 'ahooks';\nimport { VisibleContext } from '../../../context';\nimport { connect, FormProvider, observer, useForm } from '@formily/react';\nimport { DescriptionsContext } from '../../../schemas/form';\nimport { createContext } from 'react';\nimport { ISchema } from '../../../';\nimport { createForm, Field } from '@formily/core';\nimport { SchemaField } from '../../../schemas';\nimport {\n  interfaces,\n  options,\n} from '../../../schemas/database-field/interfaces';\nimport { useResourceRequest } from '../../../constate';\nimport { useTranslation } from 'react-i18next';\nimport { useCompile } from '../../../hooks/useCompile';\n\nexport const RoleContext = createContext(null);\n\nfunction VisibleProvider(props) {\n  const ctx = useContext(TableRowContext);\n  const [visible, setVisible] = useState(false);\n  return (\n    <VisibleContext.Provider value={[visible, setVisible]}>\n      {props.children}\n    </VisibleContext.Provider>\n  );\n}\n\nconst useResource = () => {\n  const resource = useResourceRequest('collections');\n  return {\n    resource,\n  };\n};\n\nconst useCollectionsResource = () => {\n  const resource = useResourceRequest('collections');\n  return {\n    resource,\n  };\n};\n\nclass ActionPermissionResource extends Resource {\n  save(options?: any) {\n    console.log('ActionPermissionResource.save');\n    return Promise.resolve({});\n  }\n}\n\nconst useActionPermissionSubmit = () => {\n  const form = useForm();\n  const role = useContext(RoleContext);\n  const resource = useResourceRequest({\n    resourceName: 'roles',\n    resourceIndex: role.name,\n  });\n  return {\n    async run() {\n      await resource.save(form.values);\n      console.log('useActionPermissionSubmit', form.values?.actionPermissions);\n    },\n  };\n};\n\nconst useActionPermissionResource = ({ onSuccess }) => {\n  const role = useContext(RoleContext);\n  console.log('RoleContext', role);\n  // const { props } = useTable();\n  const ctx = useContext(TableRowContext);\n  const resource = useResourceRequest(\n    {\n      resourceName: 'action_permissions',\n    },\n    ActionPermissionResource,\n  );\n  const service = useRequest(\n    (params?: any) => {\n      return resource.list({\n        ...params,\n        filter: {\n          role_name: role.name,\n          collection_name: ctx.record.name,\n        },\n        appends: ['fields'],\n      });\n    },\n    {\n      formatResult: (result) => result?.data,\n      onSuccess(data) {\n        console.log('actionPermissions', data);\n        onSuccess({\n          actionPermissions: data.map((permission) => {\n            const item: any = {};\n            Object.keys(permission).forEach((key) => {\n              if (isValid(permission[key])) {\n                item[key] = permission[key];\n              }\n            });\n            item.fields = permission?.fields.map((field) => field.key) || [];\n            return item;\n          }),\n        });\n      },\n      manual: true,\n    },\n  );\n  const [visible] = useContext(VisibleContext);\n\n  useEffect(() => {\n    if (visible) {\n      service.run({});\n    }\n  }, [visible]);\n\n  return { resource, service, initialValues: service.data, ...service };\n};\n\nconst useDetailsResource = ({ onSuccess }) => {\n  const { props } = useTable();\n  const ctx = useContext(TableRowContext);\n  const resource = useResourceRequest({\n    resourceName: 'collections',\n    resourceIndex: ctx.record[props.rowKey],\n  });\n  const service = useRequest(\n    (params?: any) => {\n      return resource.get({ ...params });\n    },\n    {\n      formatResult: (result) => result?.data,\n      onSuccess,\n      manual: true,\n    },\n  );\n  const [visible] = useContext(VisibleContext);\n\n  useEffect(() => {\n    if (visible) {\n      service.run({});\n    }\n  }, [visible]);\n\n  return { resource, service, initialValues: service.data, ...service };\n};\n\nconst useFieldsResource = () => {\n  const { props } = useTable();\n  const ctx = useContext(TableRowContext);\n  class FieldResource extends Resource {\n    list(options) {\n      return super.list({\n        ...options,\n        filter: { state: 1, collection_name: ctx.record[props.rowKey] },\n      });\n    }\n  }\n  const resource = useResourceRequest('fields', FieldResource);\n  return {\n    resource,\n  };\n};\n\nconst fieldInterfaces = [];\nfor (const [key, schema] of interfaces) {\n  fieldInterfaces.push({\n    value: key,\n    label: schema.title,\n    disabled: schema.disabled,\n  });\n}\n\nconst collectionSchema: ISchema = {\n  type: 'array',\n  'x-decorator': 'VisibleProvider',\n  'x-component': 'Table',\n  default: [],\n  'x-component-props': {\n    rowKey: 'key',\n    dragSort: true,\n    showIndex: true,\n    refreshRequestOnChange: true,\n    pagination: {\n      pageSize: 100,\n    },\n    defaultAppends: ['uiSchema'],\n    useResource: useFieldsResource,\n    collectionName: 'fields',\n  },\n  properties: {\n    [uid()]: {\n      type: 'void',\n      'x-component': 'Table.ActionBar',\n      properties: {\n        [uid()]: {\n          type: 'void',\n          name: 'action1',\n          title: \"{{t('Delete')}}\",\n          'x-align': 'right',\n          'x-decorator': 'AddNew.Displayed',\n          'x-decorator-props': {\n            displayName: 'destroy',\n          },\n          'x-component': 'Action',\n          'x-component-props': {\n            icon: 'DeleteOutlined',\n            confirm: {\n              title: \"{{t('Delete record')}}\",\n              content: \"{{t('Are you sure you want to delete it?')}}\",\n            },\n            useAction: '{{ Table.useTableDestroyAction }}',\n          },\n        },\n        [uid()]: {\n          type: 'void',\n          title: \"{{t('Add new')}}\",\n          'x-align': 'right',\n          'x-decorator': 'AddNew.Displayed',\n          'x-decorator-props': {\n            displayName: 'create',\n          },\n          'x-component': 'CreateFieldButton',\n          'x-component-props': {\n            type: 'primary',\n            icon: 'PlusOutlined',\n          },\n        },\n      },\n    },\n    column1: {\n      type: 'void',\n      title: \"{{t('Field display name')}}\",\n      'x-component': 'Table.Column',\n      properties: {\n        'uiSchema.title': {\n          type: 'string',\n          'x-component': 'Input',\n          'x-read-pretty': true,\n        },\n      },\n    },\n    column2: {\n      type: 'void',\n      title: \"{{t('Field name')}}\",\n      'x-component': 'Table.Column',\n      properties: {\n        name: {\n          type: 'string',\n          'x-component': 'Input',\n          'x-read-pretty': true,\n        },\n      },\n    },\n    column3: {\n      type: 'void',\n      title: \"{{t('Field type')}}\",\n      'x-component': 'Table.Column',\n      properties: {\n        interface: {\n          type: 'string',\n          'x-component': 'Select',\n          'x-read-pretty': true,\n          // @ts-ignore\n          enum: fieldInterfaces,\n        },\n      },\n    },\n    [uid()]: {\n      type: 'void',\n      title: \"{{t('Actions')}}\",\n      'x-component': 'Table.Column',\n      'x-component-props': {\n        width: 160,\n      },\n      properties: {\n        [uid()]: {\n          type: 'void',\n          'x-component': 'Action.Group',\n          'x-component-props': {\n            type: 'link',\n          },\n          properties: {\n            [uid()]: {\n              type: 'void',\n              title: \"{{t('Edit')}}\",\n              'x-component': 'EditFieldButton',\n              'x-component-props': {\n                type: 'link',\n                useAction() {\n                  return {\n                    async run() {\n                      alert('abc');\n                    },\n                  };\n                },\n              },\n              'x-action-type': 'update',\n            },\n            [uid()]: {\n              type: 'void',\n              title: \"{{t('Delete')}}\",\n              'x-component': 'Action',\n              'x-action-type': 'destroy',\n              'x-component-props': {\n                type: 'link',\n                confirm: {\n                  title: '删除数据',\n                  content: '删除后无法恢复，确定要删除吗？',\n                },\n                useAction: '{{ Table.useTableDestroyAction }}',\n              },\n            },\n          },\n        },\n      },\n    },\n  },\n};\n\nfunction FieldConfigTitle() {\n  const ctx = useContext(TableRowContext);\n  const { t } = useTranslation();\n  const compile = useCompile();\n  return <>{t('Configure fields of {{title}}', { title: compile(ctx.record.title) })}</>;\n}\n\nfunction useCollectionResource({ onSuccess }) {\n  const visible = useContext(VisibleContext);\n  const resource = useResourceRequest('collections');\n  useEffect(() => {\n    visible && onSuccess({ name: `t_${uid()}` });\n  }, [visible]);\n  return { resource };\n}\n\nconst schema: ISchema = {\n  type: 'void',\n  name: 'action',\n  'x-component': 'Action',\n  'x-component-props': {\n    tooltip: \"{{ t('Collections & Fields') }}\",\n    className: 'nb-database-config',\n    icon: 'DatabaseOutlined',\n    type: 'primary',\n  },\n  properties: {\n    modal1: {\n      type: 'void',\n      title: \"{{t('Collections & Fields')}}\",\n      'x-component': 'Action.Drawer',\n      properties: {\n        table: {\n          type: 'array',\n          // 'x-decorator': 'CardItem',\n          'x-component': 'Table',\n          default: [],\n          'x-component-props': {\n            rowKey: 'name',\n            dragSort: true,\n            showIndex: true,\n            refreshRequestOnChange: true,\n            pagination: {\n              pageSize: 100,\n            },\n            useResource,\n            collectionName: 'collections',\n          },\n          properties: {\n            [uid()]: {\n              type: 'void',\n              'x-component': 'Table.ActionBar',\n              properties: {\n                [uid()]: {\n                  type: 'void',\n                  name: 'action1',\n                  title: \"{{t('Delete')}}\",\n                  'x-align': 'right',\n                  'x-decorator': 'AddNew.Displayed',\n                  'x-decorator-props': {\n                    displayName: 'destroy',\n                  },\n                  'x-component': 'Action',\n                  'x-component-props': {\n                    icon: 'DeleteOutlined',\n                    confirm: {\n                      title: \"{{t('Delete record')}}\",\n                      content: \"{{t('Are you sure you want to delete it?')}}\",\n                    },\n                    useAction: '{{ Table.useTableDestroyAction }}',\n                  },\n                },\n                [uid()]: {\n                  type: 'void',\n                  title: \"{{t('Create collection')}}\",\n                  'x-align': 'right',\n                  'x-decorator': 'AddNew.Displayed',\n                  'x-decorator-props': {\n                    displayName: 'create',\n                  },\n                  'x-component': 'Action',\n                  'x-component-props': {\n                    type: 'primary',\n                    icon: 'PlusOutlined',\n                  },\n                  properties: {\n                    modal: {\n                      type: 'void',\n                      title: \"{{t('Create collection')}}\",\n                      'x-decorator': 'Form',\n                      'x-decorator-props': {\n                        useResource: useCollectionResource,\n                      },\n                      'x-component': 'Action.Drawer',\n                      'x-component-props': {\n                        useOkAction: '{{ Table.useTableCreateAction }}',\n                      },\n                      properties: {\n                        title: {\n                          type: 'string',\n                          title: \"{{t('Collection display name')}}\",\n                          'x-component': 'Input',\n                          'x-decorator': 'FormilyFormItem',\n                        },\n                        name: {\n                          type: 'string',\n                          title: \"{{t('Collection name')}}\",\n                          'x-component': 'Input',\n                          'x-decorator': 'FormilyFormItem',\n                          description:\n                            \"{{t('Randomly generated and can be modified. Support letters, numbers and underscores, must start with an letter.')}}\",\n                        },\n                      },\n                    },\n                  },\n                },\n              },\n            },\n            column1: {\n              type: 'void',\n              title: \"{{t('Collection display name')}}\",\n              'x-component': 'Table.Column',\n              properties: {\n                title: {\n                  type: 'string',\n                  'x-component': 'Input',\n                  'x-read-pretty': true,\n                },\n              },\n            },\n            column2: {\n              type: 'void',\n              title: \"{{t('Collection name')}}\",\n              'x-component': 'Table.Column',\n              properties: {\n                name: {\n                  type: 'string',\n                  'x-component': 'Input',\n                  'x-read-pretty': true,\n                },\n              },\n            },\n            [uid()]: {\n              type: 'void',\n              title: \"{{t('Actions')}}\",\n              'x-component': 'Table.Column',\n              'x-component-props': {\n                width: 160,\n              },\n              properties: {\n                [uid()]: {\n                  type: 'void',\n                  'x-component': 'Action.Group',\n                  'x-component-props': {\n                    type: 'link',\n                  },\n                  properties: {\n                    [uid()]: {\n                      type: 'void',\n                      title: \"{{t('Configure fields')}}\",\n                      'x-component': 'Action',\n                      'x-component-props': {\n                        type: 'link',\n                      },\n                      'x-action-type': 'view',\n                      properties: {\n                        [uid()]: {\n                          type: 'void',\n                          title: <FieldConfigTitle />,\n                          // 'x-decorator': 'RoleProvider',\n                          'x-component': 'Action.Drawer',\n                          'x-component-props': {},\n                          properties: {\n                            [uid()]: collectionSchema,\n                          },\n                        },\n                      },\n                    },\n                    [uid()]: {\n                      type: 'void',\n                      title: \"{{t('Edit')}}\",\n                      'x-component': 'Action',\n                      'x-component-props': {\n                        type: 'link',\n                      },\n                      'x-action-type': 'update',\n                      properties: {\n                        [uid()]: {\n                          type: 'void',\n                          title: \"{{t('Edit collection')}}\",\n                          'x-decorator': 'Form',\n                          'x-decorator-props': {\n                            useResource: useDetailsResource,\n                          },\n                          'x-component': 'Action.Drawer',\n                          'x-component-props': {\n                            useOkAction: '{{ Table.useTableUpdateAction }}',\n                          },\n                          properties: {\n                            title: {\n                              type: 'string',\n                              title: \"{{t('Collection display name')}}\",\n                              'x-component': 'Input',\n                              'x-decorator': 'FormilyFormItem',\n                            },\n                          },\n                        },\n                      },\n                    },\n                    [uid()]: {\n                      type: 'void',\n                      title: \"{{t('Delete')}}\",\n                      'x-component': 'Action',\n                      'x-action-type': 'destroy',\n                      'x-component-props': {\n                        type: 'link',\n                        confirm: {\n                          title: \"{{t('Delete record')}}\",\n                          content: \"{{t('Are you sure you want to delete it?')}}\",\n                        },\n                        useAction: '{{ Table.useTableDestroyAction }}',\n                      },\n                    },\n                  },\n                },\n              },\n            },\n          },\n        },\n      },\n    },\n  },\n};\n\nfunction CreateFieldButton() {\n  const { t } = useTranslation();\n  const compile = useCompile();\n  const { refresh } = useCollectionsContext();\n  const ctx = useContext(TableRowContext);\n  const { service } = useTable();\n  const [visible, setVisible] = useState(false);\n  const form = useMemo(() => createForm(), []);\n  const [properties, setProperties] = useState({});\n  const { collections = [], loading } = useCollectionsContext();\n  const resource = useResourceRequest('fields');\n\n  const loadCollections = async (field: any) => {\n    return collections.map((item: any) => ({\n      label: item.title,\n      value: item.name,\n    }));\n  };\n\n  const loadCollectionFields = async (field: Field) => {\n    const target = field.query('....target').get('value');\n    const f = field.query('....target').take();\n    console.log('loadCollectionFields', f, field);\n    const collection = collections?.find((item) => item.name === target);\n    if (!collection) {\n      return [];\n    }\n    return collection?.generalFields\n      ?.filter((item) => item?.uiSchema?.title)\n      ?.map((item) => ({\n        label: item?.uiSchema?.title || item.name,\n        value: item.name,\n      }));\n  };\n\n  const menu = (\n    <Menu\n      onClick={(info) => {\n        console.log('click', info.key);\n        const schema = interfaces.get(info.key);\n        form.setValues({\n          ...clone(schema.default),\n          collection_name: ctx.record.name,\n          key: uid(),\n          name: `f_${uid()}`,\n          interface: info.key,\n        }, 'overwrite');\n        setProperties(clone(schema.properties));\n        setVisible(true);\n      }}\n    >\n      {options.map(\n        (option, groupIndex) =>\n          option.children.length > 0 && (\n            <Menu.SubMenu key={groupIndex} title={compile(option.label)}>\n              {option.children.map((item) => (\n                <Menu.Item\n                  disabled={item.disabled}\n                  style={{ minWidth: 120 }}\n                  key={item.name}\n                >\n                  {compile(item.title)}\n                </Menu.Item>\n              ))}\n            </Menu.SubMenu>\n          ),\n      )}\n    </Menu>\n  );\n  return (\n    <>\n      <Dropdown overlay={menu} overlayClassName={'all-fields'}>\n        <Button type={'primary'} icon={<PlusOutlined />}>\n          {t('Add new')} <DownOutlined />\n        </Button>\n      </Dropdown>\n      <Drawer\n        title={t('Add field')}\n        width={'50%'}\n        visible={visible}\n        onClose={async () => {\n          await form.clearFormGraph();\n          setVisible(false);\n        }}\n        footer={\n          <Space style={{ float: 'right' }}>\n            <Button\n              onClick={async () => {\n                console.log('form.values', form.values);\n                await form.clearFormGraph();\n                setVisible(false);\n              }}\n            >\n              {t('Cancel')}\n            </Button>\n            <Button\n              type={'primary'}\n              onClick={async () => {\n                const fieldInterface = interfaces.get(form.values?.interface);\n                fieldInterface?.initialize && fieldInterface?.initialize(form.values);\n                console.log('form.values', form.values);\n                await resource.save(form.values);\n                setVisible(false);\n                await form.reset();\n                await service.refresh();\n                await refresh();\n              }}\n            >\n              {t('Submit')}\n            </Button>\n          </Space>\n        }\n      >\n        <FormProvider form={form}>\n          <SchemaField\n            scope={{\n              loadCollections,\n              loadCollectionFields,\n            }}\n            schema={{\n              type: 'object',\n              properties,\n            }}\n          />\n        </FormProvider>\n      </Drawer>\n    </>\n  );\n}\n\nfunction EditFieldButton() {\n  const { t } = useTranslation();\n  const { refresh, findCollection } = useCollectionsContext();\n  const { service } = useTable();\n  const ctx = useContext(TableRowContext);\n  const [visible, setVisible] = useState(false);\n  const form = useMemo(() => createForm(), []);\n  const schema = interfaces.get(ctx.record.interface);\n  const { collections = [], loading } = useCollectionsContext();\n  const resource = useResourceRequest('fields');\n\n  const loadCollections = async (field: any) => {\n    return collections.map((item: any) => ({\n      label: item.title,\n      value: item.name,\n    }));\n  };\n\n  const loadCollectionFields = async (field: Field) => {\n    const target = field.query('....target').get('value');\n    const f = field.query('....target').take();\n    console.log('loadCollectionFields', f, field);\n    const collection = collections?.find((item) => item.name === target);\n    if (!collection) {\n      return [];\n    }\n    return collection?.generalFields\n      ?.filter((item) => item?.uiSchema?.title)\n      ?.map((item) => ({\n        label: item?.uiSchema?.title || item.name,\n        value: item.name,\n      }));\n  };\n  return (\n    <>\n      <Button\n        type={'link'}\n        onClick={() => {\n          setVisible(true);\n          const collection = findCollection(ctx.record.collection_name);\n          const values = collection?.generalFields?.find(\n            (field) => field.key === ctx.record.key,\n          );\n          form.setValues(clone(values || {}));\n        }}\n      >\n        {t('Edit')}\n      </Button>\n      <Drawer\n        title={t('Edit field')}\n        width={'50%'}\n        visible={visible}\n        onClose={() => setVisible(false)}\n        footer={\n          <Space style={{ float: 'right' }}>\n            <Button\n              onClick={() => {\n                setVisible(false);\n              }}\n            >\n              {t('Cancel')}\n            </Button>\n            <Button\n              type={'primary'}\n              onClick={async () => {\n                const fieldInterface = interfaces.get(form.values?.interface);\n                fieldInterface?.initialize && fieldInterface?.initialize(form.values);\n                await resource.save(form.values, {\n                  resourceIndex: ctx.record.key,\n                });\n                setVisible(false);\n                await service.refresh();\n                await refresh();\n              }}\n            >\n              {t('Submit')}\n            </Button>\n          </Space>\n        }\n      >\n        <FormProvider form={form}>\n          <SchemaField\n            scope={{\n              loadCollections,\n              loadCollectionFields,\n            }}\n            schema={{\n              type: 'object',\n              properties: clone(schema?.properties),\n            }}\n          />\n        </FormProvider>\n      </Drawer>\n    </>\n  );\n}\n\nexport const Collections = () => {\n  return (\n    <SchemaRenderer\n      components={{\n        VisibleProvider,\n        CreateFieldButton,\n        EditFieldButton,\n      }}\n      schema={schema}\n    />\n  );\n};\n\nexport default Collections;\n"]}