@thienvu18/designable-react-settings-form 2.0.1 → 2.0.2

package/esm/effects/useLocales.d.ts

@@ -1,2 +1,2 @@
-import { TreeNode } from '@thienvu18/designable-core';
-export declare const useLocales: (node: TreeNode) => void;
+import { TreeNode } from '@thienvu18/designable-core'
+export declare const useLocales: (node: TreeNode) => void

package/esm/effects/useLocales.js

@@ -1,63 +1,61 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { isVoidField, onFieldReact } from '@formily/core';
-import { GlobalRegistry } from '@thienvu18/designable-core';
-import { isStr } from '@thienvu18/designable-shared';
-import { IconWidget } from '@thienvu18/designable-react';
+import { isVoidField, onFieldReact } from '@formily/core'
+import { GlobalRegistry } from '@thienvu18/designable-core'
+import { IconWidget } from '@thienvu18/designable-react'
+import { isStr } from '@thienvu18/designable-shared'
+import { jsx as _jsx } from 'react/jsx-runtime'
 const takeIcon = (message) => {
-    if (!isStr(message))
-        return;
-    const matched = message.match(/@([^:\s]+)(?:\s*\:\s*([\s\S]+))?/);
-    if (matched)
-        return [matched[1], matched[2]];
-    return;
-};
+  if (!isStr(message)) return
+  const matched = message.match(/@([^:\s]+)(?:\s*\:\s*([\s\S]+))?/)
+  if (matched) return [matched[1], matched[2]]
+  return
+}
 const mapEnum = (dataSource) => (item, index) => {
-    const label = dataSource[index] || dataSource[item.value] || item.label;
-    const icon = takeIcon(label);
-    return {
-        ...item,
-        value: item?.value ?? null,
-        label: icon ? (_jsx(IconWidget, { infer: icon[0], tooltip: icon[1] })) : (label?.label ?? label ?? 'Unknow'),
-    };
-};
+  const label = dataSource[index] || dataSource[item.value] || item.label
+  const icon = takeIcon(label)
+  return {
+    ...item,
+    value: item?.value ?? null,
+    label: icon
+      ? _jsx(IconWidget, { infer: icon[0], tooltip: icon[1] })
+      : label?.label ?? label ?? 'Unknow',
+  }
+}
 export const useLocales = (node) => {
-    onFieldReact('*', (field) => {
-        const path = field.path.toString().replace(/\.[\d+]/g, '');
-        const takeMessage = (prop) => {
-            const token = `settings.${path}${prop ? `.${prop}` : ''}`;
-            return node.getMessage(token) || GlobalRegistry.getDesignerMessage(token);
-        };
-        const title = takeMessage('title') || takeMessage();
-        const description = takeMessage('description');
-        const tooltip = takeMessage('tooltip');
-        const dataSource = takeMessage('dataSource');
-        const placeholder = takeMessage('placeholder');
-        if (title) {
-            field.title = title;
+  onFieldReact('*', (field) => {
+    const path = field.path.toString().replace(/\.[\d+]/g, '')
+    const takeMessage = (prop) => {
+      const token = `settings.${path}${prop ? `.${prop}` : ''}`
+      return node.getMessage(token) || GlobalRegistry.getDesignerMessage(token)
+    }
+    const title = takeMessage('title') || takeMessage()
+    const description = takeMessage('description')
+    const tooltip = takeMessage('tooltip')
+    const dataSource = takeMessage('dataSource')
+    const placeholder = takeMessage('placeholder')
+    if (title) {
+      field.title = title
+    }
+    if (description) {
+      field.description = description
+    }
+    if (tooltip) {
+      field.decorator[1] = field.decorator[1] || []
+      field.decorator[1].tooltip = tooltip
+    }
+    if (placeholder) {
+      field.component[1] = field.component[1] || []
+      field.component[1].placeholder = placeholder
+    }
+    if (!isVoidField(field)) {
+      if (dataSource?.length) {
+        if (field.dataSource?.length) {
+          field.dataSource = field.dataSource.map(mapEnum(dataSource))
+        } else {
+          field.dataSource = dataSource.slice()
         }
-        if (description) {
-            field.description = description;
-        }
-        if (tooltip) {
-            field.decorator[1] = field.decorator[1] || [];
-            field.decorator[1].tooltip = tooltip;
-        }
-        if (placeholder) {
-            field.component[1] = field.component[1] || [];
-            field.component[1].placeholder = placeholder;
-        }
-        if (!isVoidField(field)) {
-            if (dataSource?.length) {
-                if (field.dataSource?.length) {
-                    field.dataSource = field.dataSource.map(mapEnum(dataSource));
-                }
-                else {
-                    field.dataSource = dataSource.slice();
-                }
-            }
-            else {
-                field.dataSource = field.dataSource?.filter(Boolean);
-            }
-        }
-    });
-};
+      } else {
+        field.dataSource = field.dataSource?.filter(Boolean)
+      }
+    }
+  })
+}

package/esm/effects/useSnapshot.d.ts

@@ -1,2 +1,2 @@
-import { Operation } from '@thienvu18/designable-core';
-export declare const useSnapshot: (operation: Operation) => void;
+import { Operation } from '@thienvu18/designable-core'
+export declare const useSnapshot: (operation: Operation) => void

package/esm/effects/useSnapshot.js

@@ -1,10 +1,10 @@
-import { onFieldInputValueChange } from '@formily/core';
-let timeRequest = null;
+import { onFieldInputValueChange } from '@formily/core'
+let timeRequest = null
 export const useSnapshot = (operation) => {
-    onFieldInputValueChange('*', () => {
-        clearTimeout(timeRequest);
-        timeRequest = setTimeout(() => {
-            operation.snapshot('update:node:props');
-        }, 1000);
-    });
-};
+  onFieldInputValueChange('*', () => {
+    clearTimeout(timeRequest)
+    timeRequest = setTimeout(() => {
+      operation.snapshot('update:node:props')
+    }, 1000)
+  })
+}

package/esm/index.d.ts

@@ -1,5 +1,5 @@
-import './locales';
-export * from './registry';
-export * from './components';
-export * from './SchemaField';
-export * from './SettingsForm';
+import './locales'
+export * from './SchemaField'
+export * from './SettingsForm'
+export * from './components'
+export * from './registry'

package/esm/index.js

@@ -1,5 +1,5 @@
-import './locales';
-export * from './registry';
-export * from './components';
-export * from './SchemaField';
-export * from './SettingsForm';
+import './locales'
+export * from './SchemaField'
+export * from './SettingsForm'
+export * from './components'
+export * from './registry'

package/esm/locales/en-US.d.ts

@@ -1,13 +1,13 @@
 declare const _default: {
-    'en-US': {
-        SettingComponents: {
-            ValueInput: {
-                expression: string;
-            };
-            MonacoInput: {
-                helpDocument: string;
-            };
-        };
-    };
-};
-export default _default;
+  'en-US': {
+    SettingComponents: {
+      ValueInput: {
+        expression: string
+      }
+      MonacoInput: {
+        helpDocument: string
+      }
+    }
+  }
+}
+export default _default

package/esm/locales/en-US.js

@@ -1,12 +1,12 @@
 export default {
-    'en-US': {
-        SettingComponents: {
-            ValueInput: {
-                expression: 'Expression',
-            },
-            MonacoInput: {
-                helpDocument: 'Help Documents',
-            },
-        },
+  'en-US': {
+    SettingComponents: {
+      ValueInput: {
+        expression: 'Expression',
+      },
+      MonacoInput: {
+        helpDocument: 'Help Documents',
+      },
     },
-};
+  },
+}

package/esm/locales/index.d.ts

@@ -1 +1 @@
-export {};
+export {}

package/esm/locales/index.js

@@ -1,5 +1,5 @@
-import { GlobalRegistry } from '@thienvu18/designable-core';
-import zhCN from './zh-CN';
-import enUS from './en-US';
-import koKR from './ko-KR';
-GlobalRegistry.registerDesignerLocales(zhCN, enUS, koKR);
+import { GlobalRegistry } from '@thienvu18/designable-core'
+import enUS from './en-US'
+import koKR from './ko-KR'
+import zhCN from './zh-CN'
+GlobalRegistry.registerDesignerLocales(zhCN, enUS, koKR)

package/esm/locales/ko-KR.d.ts

@@ -1,13 +1,13 @@
 declare const _default: {
-    'ko-KR': {
-        SettingComponents: {
-            ValueInput: {
-                expression: string;
-            };
-            MonacoInput: {
-                helpDocument: string;
-            };
-        };
-    };
-};
-export default _default;
+  'ko-KR': {
+    SettingComponents: {
+      ValueInput: {
+        expression: string
+      }
+      MonacoInput: {
+        helpDocument: string
+      }
+    }
+  }
+}
+export default _default

package/esm/locales/ko-KR.js

@@ -1,12 +1,12 @@
 export default {
-    'ko-KR': {
-        SettingComponents: {
-            ValueInput: {
-                expression: '표현식',
-            },
-            MonacoInput: {
-                helpDocument: '도움말 문서',
-            },
-        },
+  'ko-KR': {
+    SettingComponents: {
+      ValueInput: {
+        expression: '표현식',
+      },
+      MonacoInput: {
+        helpDocument: '도움말 문서',
+      },
     },
-};
+  },
+}

package/esm/locales/zh-CN.d.ts

@@ -1,13 +1,13 @@
 declare const _default: {
-    'zh-CN': {
-        SettingComponents: {
-            ValueInput: {
-                expression: string;
-            };
-            MonacoInput: {
-                helpDocument: string;
-            };
-        };
-    };
-};
-export default _default;
+  'zh-CN': {
+    SettingComponents: {
+      ValueInput: {
+        expression: string
+      }
+      MonacoInput: {
+        helpDocument: string
+      }
+    }
+  }
+}
+export default _default

package/esm/locales/zh-CN.js

@@ -1,12 +1,12 @@
 export default {
-    'zh-CN': {
-        SettingComponents: {
-            ValueInput: {
-                expression: '表达式',
-            },
-            MonacoInput: {
-                helpDocument: '帮助文档',
-            },
-        },
+  'zh-CN': {
+    SettingComponents: {
+      ValueInput: {
+        expression: '表达式',
+      },
+      MonacoInput: {
+        helpDocument: '帮助文档',
+      },
     },
-};
+  },
+}

package/esm/registry.d.ts

@@ -1,2 +1,2 @@
-export declare const setNpmCDNRegistry: (registry: string) => void;
-export declare const getNpmCDNRegistry: () => string;
+export declare const setNpmCDNRegistry: (registry: string) => void
+export declare const getNpmCDNRegistry: () => string

package/esm/registry.js

@@ -1,13 +1,13 @@
-import loader from '@monaco-editor/loader';
+import loader from '@monaco-editor/loader'
 const Registry = {
-    cdn: '//cdn.jsdelivr.net/npm',
-};
+  cdn: '//cdn.jsdelivr.net/npm',
+}
 export const setNpmCDNRegistry = (registry) => {
-    Registry.cdn = registry;
-    loader.config({
-        paths: {
-            vs: `${registry}/monaco-editor@0.30.1/min/vs`,
-        },
-    });
-};
-export const getNpmCDNRegistry = () => String(Registry.cdn).replace(/\/$/, '');
+  Registry.cdn = registry
+  loader.config({
+    paths: {
+      vs: `${registry}/monaco-editor@0.30.1/min/vs`,
+    },
+  })
+}
+export const getNpmCDNRegistry = () => String(Registry.cdn).replace(/\/$/, '')

package/esm/shared/context.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
-import { ISettingFormProps } from '../types';
-export declare const SettingsFormContext: import("react").Context<ISettingFormProps>;
+import { ISettingFormProps } from '../types'
+export declare const SettingsFormContext: import('react').Context<ISettingFormProps>

package/esm/shared/context.js

@@ -1,2 +1,2 @@
-import { createContext } from 'react';
-export const SettingsFormContext = createContext(null);
+import { createContext } from 'react'
+export const SettingsFormContext = createContext(null)

package/esm/shared/loadScript.d.ts

@@ -1,7 +1,7 @@
 export interface ILoadScriptProps {
-    package: string;
-    entry: string;
-    root: string;
-    base?: string;
+  package: string
+  entry: string
+  root: string
+  base?: string
 }
-export declare const loadScript: (props: ILoadScriptProps) => Promise<any>;
+export declare const loadScript: (props: ILoadScriptProps) => Promise<any>

package/esm/shared/loadScript.js

@@ -1,29 +1,28 @@
-import { getNpmCDNRegistry } from '../registry';
-import { globalThisPolyfill } from '@thienvu18/designable-shared';
+import { globalThisPolyfill } from '@thienvu18/designable-shared'
+import { getNpmCDNRegistry } from '../registry'
 export const loadScript = async (props) => {
-    const options = {
-        base: getNpmCDNRegistry(),
-        ...props,
-    };
-    if (globalThisPolyfill[props.root])
-        return globalThisPolyfill[options.root];
-    const path = `${options.base}/${options.package}/${options.entry}`;
-    return new Promise((resolve, reject) => {
-        const script = document.createElement('script');
-        script.type = 'text/javascript';
-        script.async = false;
-        script.src = path;
-        script.onload = () => {
-            const module = globalThisPolyfill[options.root];
-            globalThisPolyfill['define'] = define;
-            resolve(module);
-            script.remove();
-        };
-        script.onerror = (err) => {
-            reject(err);
-        };
-        const define = globalThisPolyfill['define'];
-        globalThisPolyfill['define'] = undefined;
-        document.body.appendChild(script);
-    });
-};
+  const options = {
+    base: getNpmCDNRegistry(),
+    ...props,
+  }
+  if (globalThisPolyfill[props.root]) return globalThisPolyfill[options.root]
+  const path = `${options.base}/${options.package}/${options.entry}`
+  return new Promise((resolve, reject) => {
+    const script = document.createElement('script')
+    script.type = 'text/javascript'
+    script.async = false
+    script.src = path
+    script.onload = () => {
+      const module = globalThisPolyfill[options.root]
+      globalThisPolyfill['define'] = define
+      resolve(module)
+      script.remove()
+    }
+    script.onerror = (err) => {
+      reject(err)
+    }
+    const define = globalThisPolyfill['define']
+    globalThisPolyfill['define'] = undefined
+    document.body.appendChild(script)
+  })
+}

package/esm/styles.less

@@ -67,7 +67,8 @@
   }
 
   .@{ant-prefix}-formily-item {
-    border-bottom: 1px solid var(--dn-color-border-secondary, rgba(5, 5, 5, 0.06));
+    border-bottom: 1px solid
+      var(--dn-color-border-secondary, rgba(5, 5, 5, 0.06));
     padding-bottom: 8px;
     margin-bottom: 8px;
     margin-top: 8px;
@@ -81,7 +82,7 @@
       align-items: center;
       justify-content: flex-end;
 
-      &>.@{ant-prefix}-radio-group {
+      & > .@{ant-prefix}-radio-group {
         display: flex !important;
         width: 100%;
 
@@ -94,13 +95,13 @@
         }
       }
 
-      &>.@{ant-prefix}-slider {
+      & > .@{ant-prefix}-slider {
         flex-shrink: 0;
         min-width: 0;
         width: 100%;
       }
 
-      &>.@{ant-prefix}-select {
+      & > .@{ant-prefix}-select {
         max-width: 140px;
       }
     }

package/esm/types.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
-import { Form } from '@formily/core';
+import { Form } from '@formily/core'
+import React from 'react'
 export interface ISettingFormProps {
-    className?: string;
-    style?: React.CSSProperties;
-    uploadAction?: string;
-    components?: Record<string, React.FC<any>>;
-    effects?: (form: Form) => void;
-    scope?: any;
+  className?: string
+  style?: React.CSSProperties
+  uploadAction?: string
+  components?: Record<string, React.FC<any>>
+  effects?: (form: Form) => void
+  scope?: any
 }

package/esm/types.js

@@ -1 +1 @@
-export {};
+export {}