@ant-design/agentic-ui 2.8.0 → 2.10.0

package/dist/Schema/SchemaEditor/style.js

@@ -1,274 +1,266 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
     }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-
-// src/Schema/SchemaEditor/style.ts
-import { useEditorStyleRegister } from "../../Hooks/useStyle";
-var genStyle = (token) => {
-  return {
-    // 主容器样式
-    [`${token.componentCls}`]: {
-      display: "flex",
-      flexDirection: "column",
-      background: "#ffffff",
-      borderRadius: "8px",
-      overflow: "hidden",
-      fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'
-    },
-    [`${token.componentCls}-container`]: {
-      display: "flex",
-      flex: 1,
-      gap: "4px",
-      background: "#FDFEFF",
-      minHeight: 0
-    },
-    [`${token.componentCls}-left`]: {
-      display: "flex",
-      flexDirection: "column",
-      flex: 1,
-      minWidth: 0
-    },
-    [`${token.componentCls}-right`]: {
-      flex: 1,
-      minWidth: 0,
-      display: "flex",
-      flexDirection: "column",
-      gap: "4px",
-      padding: "4px",
-      borderRadius: "8px",
-      background: "rgba(9, 30, 66, 0.07)",
-      overflow: "auto"
-    },
-    // HTML编辑器样式
-    [`${token.componentCls}-html`]: {
-      flex: 1,
-      display: "flex",
-      flexDirection: "column",
-      gap: "8px",
-      padding: "12px",
-      background: "#FDFEFF",
-      border: "1px solid rgba(9, 30, 66, 0.07)",
-      borderRadius: "8px"
-    },
-    [`${token.componentCls}-html-header`]: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between"
-    },
-    [`${token.componentCls}-html-header h3`]: {
-      margin: 0,
-      fontSize: "var(--font-size-base)",
-      fontWeight: 600,
-      color: "#495057"
-    },
-    [`${token.componentCls}-html-header button`]: {
-      display: "flex",
-      alignItems: "center",
-      gap: "4px",
-      padding: "3px 8px",
-      fontSize: "var(--font-size-sm)",
-      color: "#626F86"
-    },
-    [`${token.componentCls}-html-content`]: {
-      flex: 1,
-      minHeight: 0,
-      position: "relative"
-    },
-    [`${token.componentCls}-html-content .ace_editor`]: {
-      height: "100% !important",
-      fontSize: "var(--font-size-base)"
-    },
-    // JSON编辑器样式
-    [`${token.componentCls}-json`]: {
-      flex: 1,
-      display: "flex",
-      flexDirection: "column",
-      gap: "8px",
-      padding: "12px",
-      background: "#FDFEFF",
-      border: "1px solid rgba(9, 30, 66, 0.07)",
-      borderRadius: "8px"
-    },
-    [`${token.componentCls}-json-header`]: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between"
-    },
-    [`${token.componentCls}-json-header h3`]: {
-      margin: 0,
-      fontSize: "var(--font-size-base)",
-      fontWeight: 600,
-      color: "#495057"
-    },
-    [`${token.componentCls}-json-header button`]: {
-      display: "flex",
-      alignItems: "center",
-      gap: "4px",
-      padding: "3px 8px",
-      fontSize: "var(--font-size-sm)",
-      color: "#626F86"
-    },
-    [`${token.componentCls}-json-content`]: {
-      flex: 1,
-      minHeight: 0,
-      position: "relative"
-    },
-    [`${token.componentCls}-json-content .ace_editor`]: {
-      height: "100% !important",
-      fontSize: "var(--font-size-base)"
-    },
-    // 预览区域样式
-    [`${token.componentCls}-preview`]: {
-      flex: 1,
-      display: "flex",
-      flexDirection: "column",
-      minHeight: 0,
-      border: "1px solid rgba(9, 30, 66, 0.07)",
-      borderRadius: "8px",
-      background: "#fff",
-      boxShadow: "0px 1.5px 2px -1px rgba(0, 19, 41, 0.07)"
-    },
-    [`${token.componentCls}-preview-header`]: {
-      padding: "12px",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-between"
-    },
-    [`${token.componentCls}-preview-header h3`]: {
-      margin: 0,
-      fontSize: "var(--font-size-base)",
-      fontWeight: 600,
-      color: "#2c3e5d"
-    },
-    [`${token.componentCls}-error`]: {
-      background: "#fff5f5",
-      border: "1px solid #fed7d7",
-      borderRadius: "4px",
-      padding: "8px 12px",
-      fontSize: "var(--font-size-sm)",
-      color: "#c53030",
-      maxWidth: "300px",
-      wordBreak: "break-word"
-    },
-    [`${token.componentCls}-preview-content`]: {
-      display: "flex",
-      flexDirection: "column",
-      justifyContent: "center",
-      flex: 1,
-      padding: "16px",
-      overflow: "auto",
-      background: "#ffffff",
-      borderRadius: "0 0 8px 8px"
-    },
-    [`${token.componentCls}-preview-content-empty`]: {
-      display: "flex",
-      flexDirection: "column",
-      gap: "8px",
-      alignItems: "center"
-    },
-    [`${token.componentCls}-preview-content-empty p`]: {
-      fontSize: "var(--font-size-base)",
-      textAlign: "center",
-      color: "#8590A2"
-    },
-    [`${token.componentCls}-fallback`]: {
-      display: "flex",
-      flexDirection: "column",
-      alignItems: "center",
-      justifyContent: "center",
-      height: "100%",
-      color: "#6c757d",
-      textAlign: "center"
-    },
-    [`${token.componentCls}-fallback p`]: {
-      margin: "4px 0",
-      fontSize: "var(--font-size-base)"
-    },
-    // 响应式设计
-    "@media (max-width: 768px)": {
-      [`${token.componentCls}-container`]: {
-        flexDirection: "column"
-      },
-      [`${token.componentCls}-left`]: {
-        borderRight: "none",
-        borderBottom: "1px solid #e1e5e9"
-      },
-      [`${token.componentCls}-html, ${token.componentCls}-json`]: {
-        minHeight: "200px"
-      }
-    },
-    // 滚动条样式
-    [`${token.componentCls}-preview-content::-webkit-scrollbar`]: {
-      width: "6px"
-    },
-    [`${token.componentCls}-preview-content::-webkit-scrollbar-track`]: {
-      background: "#f1f1f1",
-      borderRadius: "3px"
-    },
-    [`${token.componentCls}-preview-content::-webkit-scrollbar-thumb`]: {
-      background: "#c1c1c1",
-      borderRadius: "3px"
-    },
-    [`${token.componentCls}-preview-content::-webkit-scrollbar-thumb:hover`]: {
-      background: "#a8a8a8"
-    },
-    // 编辑器主题适配
-    [`${token.componentCls} .ace_editor`]: {
-      borderRadius: "8px",
-      background: "rgba(9, 30, 66, 0.03)",
-      color: "#343a45"
-    },
-    [`${token.componentCls} .ace_editor.ace_dark`]: {
-      background: "#2d3748",
-      color: "#e2e8f0"
-    },
-    // 加载状态
-    [`${token.componentCls}-loading`]: {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      height: "100%",
-      color: "#6c757d"
-    },
-    [`${token.componentCls}-loading::after`]: {
-      content: "''",
-      width: "20px",
-      height: "20px",
-      border: "2px solid #e1e5e9",
-      borderTop: "2px solid #3182ce",
-      borderRadius: "50%",
-      animationName: "spin",
-      animationDuration: "1s",
-      animationTimingFunction: "linear",
-      animationIterationCount: "infinite",
-      marginLeft: "8px"
+    return obj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
     }
-  };
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+import { useEditorStyleRegister } from "../../Hooks/useStyle";
+var genStyle = function(token) {
+    var _obj, _obj1;
+    return _obj1 = {}, // 主容器样式
+    _define_property(_obj1, "".concat(token.componentCls), {
+        display: 'flex',
+        flexDirection: 'column',
+        background: '#ffffff',
+        borderRadius: '8px',
+        overflow: 'hidden',
+        fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-container"), {
+        display: 'flex',
+        flex: 1,
+        gap: '4px',
+        background: '#FDFEFF',
+        minHeight: 0
+    }), _define_property(_obj1, "".concat(token.componentCls, "-left"), {
+        display: 'flex',
+        flexDirection: 'column',
+        flex: 1,
+        minWidth: 0
+    }), _define_property(_obj1, "".concat(token.componentCls, "-right"), {
+        flex: 1,
+        minWidth: 0,
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '4px',
+        padding: '4px',
+        borderRadius: '8px',
+        background: 'rgba(9, 30, 66, 0.07)',
+        overflow: 'auto'
+    }), // HTML编辑器样式
+    _define_property(_obj1, "".concat(token.componentCls, "-html"), {
+        flex: 1,
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '8px',
+        padding: '12px',
+        background: '#FDFEFF',
+        border: '1px solid rgba(9, 30, 66, 0.07)',
+        borderRadius: '8px'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-html-header"), {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-html-header h3"), {
+        margin: 0,
+        fontSize: 'var(--font-size-base)',
+        fontWeight: 600,
+        color: '#495057'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-html-header button"), {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '4px',
+        padding: '3px 8px',
+        fontSize: 'var(--font-size-sm)',
+        color: '#626F86'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-html-content"), {
+        flex: 1,
+        minHeight: 0,
+        position: 'relative'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-html-content .ace_editor"), {
+        height: '100% !important',
+        fontSize: 'var(--font-size-base)'
+    }), // JSON编辑器样式
+    _define_property(_obj1, "".concat(token.componentCls, "-json"), {
+        flex: 1,
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '8px',
+        padding: '12px',
+        background: '#FDFEFF',
+        border: '1px solid rgba(9, 30, 66, 0.07)',
+        borderRadius: '8px'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-json-header"), {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-json-header h3"), {
+        margin: 0,
+        fontSize: 'var(--font-size-base)',
+        fontWeight: 600,
+        color: '#495057'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-json-header button"), {
+        display: 'flex',
+        alignItems: 'center',
+        gap: '4px',
+        padding: '3px 8px',
+        fontSize: 'var(--font-size-sm)',
+        color: '#626F86'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-json-content"), {
+        flex: 1,
+        minHeight: 0,
+        position: 'relative'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-json-content .ace_editor"), {
+        height: '100% !important',
+        fontSize: 'var(--font-size-base)'
+    }), // 预览区域样式
+    _define_property(_obj1, "".concat(token.componentCls, "-preview"), {
+        flex: 1,
+        display: 'flex',
+        flexDirection: 'column',
+        minHeight: 0,
+        border: '1px solid rgba(9, 30, 66, 0.07)',
+        borderRadius: '8px',
+        background: '#fff',
+        boxShadow: '0px 1.5px 2px -1px rgba(0, 19, 41, 0.07)'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-preview-header"), {
+        padding: '12px',
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'space-between'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-preview-header h3"), {
+        margin: 0,
+        fontSize: 'var(--font-size-base)',
+        fontWeight: 600,
+        color: '#2c3e5d'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-error"), {
+        background: '#fff5f5',
+        border: '1px solid #fed7d7',
+        borderRadius: '4px',
+        padding: '8px 12px',
+        fontSize: 'var(--font-size-sm)',
+        color: '#c53030',
+        maxWidth: '300px',
+        wordBreak: 'break-word'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-preview-content"), {
+        display: 'flex',
+        flexDirection: 'column',
+        justifyContent: 'center',
+        flex: 1,
+        padding: '16px',
+        overflow: 'auto',
+        background: '#ffffff',
+        borderRadius: '0 0 8px 8px'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-preview-content-empty"), {
+        display: 'flex',
+        flexDirection: 'column',
+        gap: '8px',
+        alignItems: 'center'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-preview-content-empty p"), {
+        fontSize: 'var(--font-size-base)',
+        textAlign: 'center',
+        color: '#8590A2'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-fallback"), {
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: '100%',
+        color: '#6c757d',
+        textAlign: 'center'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-fallback p"), {
+        margin: '4px 0',
+        fontSize: 'var(--font-size-base)'
+    }), _define_property(_obj1, // 响应式设计
+    '@media (max-width: 768px)', (_obj = {}, _define_property(_obj, "".concat(token.componentCls, "-container"), {
+        flexDirection: 'column'
+    }), _define_property(_obj, "".concat(token.componentCls, "-left"), {
+        borderRight: 'none',
+        borderBottom: '1px solid #e1e5e9'
+    }), _define_property(_obj, "".concat(token.componentCls, "-html, ").concat(token.componentCls, "-json"), {
+        minHeight: '200px'
+    }), _obj)), // 滚动条样式
+    _define_property(_obj1, "".concat(token.componentCls, "-preview-content::-webkit-scrollbar"), {
+        width: '6px'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-preview-content::-webkit-scrollbar-track"), {
+        background: '#f1f1f1',
+        borderRadius: '3px'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-preview-content::-webkit-scrollbar-thumb"), {
+        background: '#c1c1c1',
+        borderRadius: '3px'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-preview-content::-webkit-scrollbar-thumb:hover"), {
+        background: '#a8a8a8'
+    }), // 编辑器主题适配
+    _define_property(_obj1, "".concat(token.componentCls, " .ace_editor"), {
+        borderRadius: '8px',
+        background: 'rgba(9, 30, 66, 0.03)',
+        color: '#343a45'
+    }), _define_property(_obj1, "".concat(token.componentCls, " .ace_editor.ace_dark"), {
+        background: '#2d3748',
+        color: '#e2e8f0'
+    }), // 加载状态
+    _define_property(_obj1, "".concat(token.componentCls, "-loading"), {
+        display: 'flex',
+        alignItems: 'center',
+        justifyContent: 'center',
+        height: '100%',
+        color: '#6c757d'
+    }), _define_property(_obj1, "".concat(token.componentCls, "-loading::after"), {
+        content: "''",
+        width: '20px',
+        height: '20px',
+        border: '2px solid #e1e5e9',
+        borderTop: '2px solid #3182ce',
+        borderRadius: '50%',
+        animationName: 'spin',
+        animationDuration: '1s',
+        animationTimingFunction: 'linear',
+        animationIterationCount: 'infinite',
+        marginLeft: '8px'
+    }), _obj1;
 };
-function useStyle(prefixCls) {
-  return useEditorStyleRegister("SchemaEditor", (token) => {
-    const schemaEditorToken = __spreadProps(__spreadValues({}, token), {
-      componentCls: `.${prefixCls}`
+export function useStyle(prefixCls) {
+    return useEditorStyleRegister('SchemaEditor', function(token) {
+        var schemaEditorToken = _object_spread_props(_object_spread({}, token), {
+            componentCls: ".".concat(prefixCls)
+        });
+        return [
+            genStyle(schemaEditorToken)
+        ];
     });
-    return [genStyle(schemaEditorToken)];
-  });
 }
-export {
-  useStyle
-};