@cozeloop/components 0.0.2 → 0.0.3

package/dist/lib/large-txt-render/index.js

@@ -1,62 +1,26 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var large_txt_render_exports = {};
-__export(large_txt_render_exports, {
-  LargeTxtRender: () => LargeTxtRender
-});
-module.exports = __toCommonJS(large_txt_render_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_ahooks = require("ahooks");
-const PER_PRE_MAX_LENGTH = 25e3;
-const LargeTxtRender = (props) => {
-  const { text } = props;
-  const ref = (0, import_react.useRef)(null);
-  const getMoreTextChunk = (startIndex) => {
-    const endIndex = startIndex + PER_PRE_MAX_LENGTH;
-    const chunk = text.slice(startIndex, endIndex);
-    const hasMore = endIndex < text.length;
-    return {
-      list: [chunk],
-      nextId: hasMore ? endIndex.toString() : void 0
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from 'react';
+import { useInfiniteScroll } from 'ahooks';
+const PER_PRE_MAX_LENGTH = 25000;
+export const LargeTxtRender = (props) => {
+    const { text } = props;
+    const ref = useRef(null);
+    const getMoreTextChunk = (startIndex) => {
+        const endIndex = startIndex + PER_PRE_MAX_LENGTH;
+        const chunk = text.slice(startIndex, endIndex);
+        const hasMore = endIndex < text.length;
+        return {
+            list: [chunk],
+            nextId: hasMore ? endIndex.toString() : undefined,
+        };
     };
-  };
-  const { data } = (0, import_ahooks.useInfiniteScroll)(
-    (d) => {
-      const startIndex = d ? parseInt(d.nextId) : 0;
-      return Promise.resolve(getMoreTextChunk(startIndex));
-    },
-    {
-      target: ref,
-      isNoMore: (d) => (d == null ? void 0 : d.nextId) === void 0
-    }
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "pre",
-    {
-      ref,
-      className: "m-0 break-words whitespace-pre-wrap max-h-full overflow-y-auto text-[13px] leading-4 text-[var(--coz-fg-primary)] font-normal",
-      dangerouslySetInnerHTML: { __html: (data == null ? void 0 : data.list.join("")) || "" }
-    }
-  );
+    const { data } = useInfiniteScroll(d => {
+        const startIndex = d ? parseInt(d.nextId) : 0;
+        return Promise.resolve(getMoreTextChunk(startIndex));
+    }, {
+        target: ref,
+        isNoMore: d => d?.nextId === undefined,
+    });
+    return (_jsx("pre", { ref: ref, className: "m-0 break-words whitespace-pre-wrap max-h-full overflow-y-auto text-[13px] leading-4 text-[var(--coz-fg-primary)] font-normal", children: data?.list.join('') || '' }));
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  LargeTxtRender
-});
+//# sourceMappingURL=index.js.map

package/dist/lib/large-txt-render/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/large-txt-render/index.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,iBAAiB,EAAE,MAAM,QAAQ,CAAC;AAE3C,MAAM,kBAAkB,GAAG,KAAK,CAAC;AAMjC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAE,EAAE;IAC3D,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvB,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,MAAM,gBAAgB,GAAG,CAAC,UAAkB,EAAE,EAAE;QAC9C,MAAM,QAAQ,GAAG,UAAU,GAAG,kBAAkB,CAAC;QACjD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QAC/C,MAAM,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC;QAEvC,OAAO;YACL,IAAI,EAAE,CAAC,KAAK,CAAC;YACb,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,SAAS;SAClD,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,EAAE,IAAI,EAAE,GAAG,iBAAiB,CAChC,CAAC,CAAC,EAAE;QACF,MAAM,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAC9C,OAAO,OAAO,CAAC,OAAO,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,CAAC;IACvD,CAAC,EACD;QACE,MAAM,EAAE,GAAG;QACX,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,SAAS;KACvC,CACF,CAAC;IAEF,OAAO,CACL,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAC,+HAA+H,YAExI,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,GACtB,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/layout/content.d.ts

@@ -0,0 +1,7 @@
+import React, { type CSSProperties, type ReactNode } from 'react';
+export declare const Content: React.ForwardRefExoticComponent<{
+    children?: ReactNode;
+    style?: CSSProperties;
+    className?: string;
+    top?: ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/lib/layout/content.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import classNames from 'classnames';
+export const Content = forwardRef(({ children, style, className, top }, ref) => (_jsxs("div", { className: "w-full h-full flex flex-col", children: [top, _jsx("div", { ref: ref, className: classNames('bg-white m-4 mb-0 p-4 rounded-md flex-1 flex flex-col overflow-y-auto', className), style: style, children: children })] })));
+//# sourceMappingURL=content.js.map

package/dist/lib/layout/content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../src/layout/content.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAE9E,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAQ/B,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CAC9C,eAAK,SAAS,EAAC,6BAA6B,aACzC,GAAG,EACJ,cACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CACnB,uEAAuE,EACvE,SAAS,CACV,EACD,KAAK,EAAE,KAAK,YAEX,QAAQ,GACL,IAEF,CACP,CAAC,CAAC"}

package/dist/lib/layout/header.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from 'react';
+interface Props {
+    children?: ReactNode;
+    className?: string;
+}
+export declare function Header({ children, className }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/layout/header.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+export function Header({ children, className }) {
+    return (_jsx("div", { className: classNames('flex items-center pb-4', className), children: children }));
+}
+//# sourceMappingURL=header.js.map

package/dist/lib/layout/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../src/layout/header.tsx"],"names":[],"mappings":";AAEA,OAAO,UAAU,MAAM,YAAY,CAAC;AAMpC,MAAM,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAS;IACnD,OAAO,CACL,cAAK,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,SAAS,CAAC,YAC5D,QAAQ,GACL,CACP,CAAC;AACJ,CAAC"}

package/dist/lib/layout/index.d.ts

@@ -0,0 +1,12 @@
+import { Tabs } from './tabs';
+import { Header } from './header';
+export declare const Layout: {
+    Header: typeof Header;
+    Content: import("react").ForwardRefExoticComponent<{
+        children?: import("react").ReactNode;
+        style?: import("react").CSSProperties;
+        className?: string;
+        top?: import("react").ReactNode;
+    } & import("react").RefAttributes<HTMLDivElement>>;
+    Tabs: typeof Tabs;
+};

package/dist/lib/layout/index.js

@@ -0,0 +1,9 @@
+import { Tabs } from './tabs';
+import { Header } from './header';
+import { Content } from './content';
+export const Layout = {
+    Header,
+    Content,
+    Tabs,
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/layout/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,CAAC,MAAM,MAAM,GAAG;IACpB,MAAM;IACN,OAAO;IACP,IAAI;CACL,CAAC"}

package/dist/lib/layout/tabs.d.ts

@@ -0,0 +1,6 @@
+import { type TabsProps } from '@coze-arch/coze-design';
+export declare function Tabs({ className, ...props }: TabsProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Tabs {
+    var TabPane: typeof import("@coze-arch/coze-design").TabPane;
+    var TabItem;
+}

package/dist/lib/layout/tabs.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { Tabs as SemiTabs } from '@coze-arch/coze-design';
+import styles from './index.module.less';
+export function Tabs({ className, ...props }) {
+    return _jsx(SemiTabs, { className: classNames(styles.tabs, className), ...props });
+}
+Tabs.TabPane = SemiTabs.TabPane;
+Tabs.TabItem = SemiTabs.TabItem;
+//# sourceMappingURL=tabs.js.map

package/dist/lib/layout/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/layout/tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAkB,IAAI,IAAI,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAE1E,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAEzC,MAAM,UAAU,IAAI,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAa;IACrD,OAAO,KAAC,QAAQ,IAAC,SAAS,EAAE,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAAC;AAChF,CAAC;AAED,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC;AAChC,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC"}

package/dist/lib/lazy-load-component/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare const LazyLoadComponent: ({ children, placeholder, }: {
+    children: React.ReactNode;
+    placeholder?: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/lazy-load-component/index.js

@@ -0,0 +1,42 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect, useRef } from 'react';
+import { Skeleton } from '@coze-arch/coze-design';
+export const LazyLoadComponent = ({ children, placeholder, }) => {
+    const [isVisible, setIsVisible] = useState(false);
+    const domRef = useRef(null);
+    useEffect(() => {
+        if ('IntersectionObserver' in window) {
+            if (!domRef.current) {
+                return;
+            }
+            // 使用 Intersection Observer
+            const observer = new IntersectionObserver(entries => {
+                entries.forEach(entry => {
+                    if (entry.isIntersecting) {
+                        setIsVisible(true);
+                        observer.unobserve(domRef.current);
+                    }
+                });
+            });
+            observer.observe(domRef.current);
+            return () => observer.disconnect();
+        }
+        else {
+            // 回退到 scroll 事件监听
+            const handleScroll = () => {
+                if (domRef.current) {
+                    const rect = domRef.current.getBoundingClientRect();
+                    if (rect.top <= window.innerHeight && rect.bottom >= 0) {
+                        setIsVisible(true);
+                        window.removeEventListener('scroll', handleScroll);
+                    }
+                }
+            };
+            handleScroll(); // 初始化检查
+            document.addEventListener('scroll', handleScroll);
+            return () => document.removeEventListener('scroll', handleScroll);
+        }
+    }, []);
+    return (_jsx("div", { ref: domRef, children: isVisible ? children : _jsx(Skeleton, { placeholder: placeholder }) }));
+};
+//# sourceMappingURL=index.js.map

package/dist/lib/lazy-load-component/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/lazy-load-component/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,QAAQ,EACR,WAAW,GAIZ,EAAE,EAAE;IACH,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,MAAM,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAE5C,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,sBAAsB,IAAI,MAAM,EAAE,CAAC;YACrC,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;gBACpB,OAAO;YACT,CAAC;YACD,2BAA2B;YAC3B,MAAM,QAAQ,GAAG,IAAI,oBAAoB,CAAC,OAAO,CAAC,EAAE;gBAClD,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;oBACtB,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;wBACzB,YAAY,CAAC,IAAI,CAAC,CAAC;wBACnB,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC,OAAkB,CAAC,CAAC;oBAChD,CAAC;gBACH,CAAC,CAAC,CAAC;YACL,CAAC,CAAC,CAAC;YAEH,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YACjC,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,CAAC;QACrC,CAAC;aAAM,CAAC;YACN,kBAAkB;YAClB,MAAM,YAAY,GAAG,GAAG,EAAE;gBACxB,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;oBACnB,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,qBAAqB,EAAE,CAAC;oBACpD,IAAI,IAAI,CAAC,GAAG,IAAI,MAAM,CAAC,WAAW,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;wBACvD,YAAY,CAAC,IAAI,CAAC,CAAC;wBACnB,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;oBACrD,CAAC;gBACH,CAAC;YACH,CAAC,CAAC;YAEF,YAAY,EAAE,CAAC,CAAC,QAAQ;YACxB,QAAQ,CAAC,gBAAgB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;YAClD,OAAO,GAAG,EAAE,CAAC,QAAQ,CAAC,mBAAmB,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACpE,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,cAAK,GAAG,EAAE,MAAM,YACb,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,WAAW,EAAE,WAAW,GAAI,GAC1D,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/logic-editor/index.d.ts

@@ -0,0 +1,3 @@
+export { LogicEditor } from './logic-editor';
+export type { LogicDataType, LogicField, LogicFilter } from './logic-types';
+export { baseOperations, type LogicSetter } from './logic-types';

package/dist/lib/logic-editor/index.js

@@ -0,0 +1,3 @@
+export { LogicEditor } from './logic-editor';
+export { baseOperations } from './logic-types';
+//# sourceMappingURL=index.js.map

package/dist/lib/logic-editor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/logic-editor/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAE7C,OAAO,EAAE,cAAc,EAAoB,MAAM,eAAe,CAAC"}

package/dist/lib/logic-editor/logic-editor.d.ts

@@ -0,0 +1,17 @@
+import { type PopoverProps } from '@coze-arch/coze-design';
+import { type LogicFilter, type LogicField } from './logic-types';
+/** 逻辑筛选器 */
+export declare function LogicEditor({ fields, disabled, value, popoverProps, tooltip, clearEmptyCondition, enableCascadeMode, onChange, onConfirm, onClose, }: {
+    fields: LogicField[];
+    disabled?: boolean;
+    value?: LogicFilter | undefined;
+    popoverProps?: PopoverProps;
+    tooltip?: React.ReactNode;
+    /** 是否过滤空条件 */
+    clearEmptyCondition?: boolean;
+    /** 字段选择开启级联模式 */
+    enableCascadeMode?: boolean;
+    onChange?: (val?: LogicFilter) => void;
+    onConfirm?: (val?: LogicFilter) => void;
+    onClose?: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/lib/logic-editor/logic-editor.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import classNames from 'classnames';
+import { IconCozFilter, IconCozInfoCircle } from '@coze-arch/coze-design/icons';
+import { Button, Divider, Popover, Tooltip, } from '@coze-arch/coze-design';
+import { LogicExpr } from '../logic-expr';
+import RightRender from './logic-right-render';
+import OperatorRender from './logic-operator-render';
+import LeftRender from './logic-left-render';
+import styles from './logic-editor.module.less';
+const getValidFilterFields = (value) => {
+    if (!value?.exprs) {
+        return {
+            exprs: [],
+        };
+    }
+    const isEmpty = (val) => val === undefined ||
+        val === '' ||
+        val === null ||
+        (Array.isArray(val) && val.length === 0);
+    // 左中右 三元都存在才有效
+    const validArray = value.exprs.filter(
+    // 由于暂时不包含为空不为空的case，所以这里的判断条件要求左中右都必须存在
+    exp => !isEmpty(exp.left) && !isEmpty(exp.operator) && !isEmpty(exp.right));
+    return {
+        exprs: validArray,
+    };
+};
+/** 逻辑筛选器 */
+// eslint-disable-next-line @coze-arch/max-line-per-function, complexity
+export function LogicEditor({ fields = [], disabled = false, value, popoverProps = {}, tooltip, clearEmptyCondition = true, enableCascadeMode = false, onChange, onConfirm, onClose, }) {
+    const [logicFilter, setLogicFilter] = useState(value);
+    const [visible, setVisible] = useState(false);
+    useEffect(() => {
+        setLogicFilter(value);
+    }, [value]);
+    const logicExpr = (_jsx(LogicExpr, { defaultExpr: {
+            left: '',
+            operator: '',
+            right: '',
+        }, value: logicFilter, onChange: val => {
+            setLogicFilter(val);
+            onChange?.(val);
+        }, leftRender: renderProps => (_jsx(LeftRender, { ...renderProps, fields: fields, disabled: disabled, enableCascadeMode: enableCascadeMode })), operatorRender: renderProps => (_jsx(OperatorRender, { ...renderProps, fields: fields, disabled: disabled, enableCascadeMode: enableCascadeMode })), rightRender: renderProps => (_jsx(RightRender, { ...renderProps, fields: fields, disabled: disabled, enableCascadeMode: enableCascadeMode })), allowLogicOperators: ['and'], logicToggleReadonly: true, maxNestingDepth: 1 }));
+    const hasMultiExpr = Array.isArray(logicFilter?.exprs) && logicFilter.exprs.length > 1;
+    const popoverContentConatienr = (_jsxs("div", { className: classNames('flex flex-col py-3 gap-3 text-[13px]', enableCascadeMode ? 'w-[640px]' : 'w-[620px]', styles['expr-logic-editor']), children: [_jsxs("div", { className: "flex items-center px-4", children: [_jsx("div", { className: "font-medium", children: "\u8FC7\u6EE4\u5668" }), tooltip ? (_jsx(Tooltip, { theme: "dark", content: tooltip, children: _jsx(IconCozInfoCircle, { className: "ml-1 text-[var(--coz-fg-secondary)] hover:text-[var(--coz-fg-primary)]" }) })) : null, _jsx("div", { className: "ml-auto cursor-pointer font-medium text-[var(--coz-fg-secondary)] hover:text-[rgb(var(--coze-up-brand-9))]", onClick: () => {
+                            setLogicFilter(undefined);
+                            onChange?.(undefined);
+                        }, children: "\u6E05\u7A7A\u7B5B\u9009" })] }), _jsx("div", { className: hasMultiExpr ? '' : 'pl-3 pr-2', children: _jsx("div", { children: logicExpr }) }), _jsx(Divider, {}), _jsx("div", { className: "flex justify-end px-4", children: _jsx(Button, { color: "brand", onClick: () => {
+                        let logicFilterData = logicFilter;
+                        if (clearEmptyCondition) {
+                            logicFilterData = getValidFilterFields(logicFilter);
+                            setLogicFilter(logicFilterData);
+                        }
+                        onConfirm?.(logicFilterData);
+                        setVisible(false);
+                        onClose?.();
+                    }, children: "\u5E94\u7528" }) })] }));
+    const count = value?.exprs?.length ?? 0;
+    return (_jsx(Popover, { trigger: "click", position: "bottomLeft", ...popoverProps, style: { padding: 0, ...(popoverProps.style ?? {}) }, visible: visible, content: popoverContentConatienr, onVisibleChange: newVisible => {
+            setVisible(newVisible);
+            if (!newVisible) {
+                // 关闭时放弃本次变更，恢复为上层设置的 value
+                setLogicFilter(value);
+                onClose?.();
+            }
+        }, children: _jsxs(Button, { icon: _jsx(IconCozFilter, {}), color: "primary", children: ["\u8FC7\u6EE4\u5668", count ? (_jsx("div", { className: "flex items-center justify-center w-5 h-5 rounded-[50%] text-brand-9 bg-brand-4 ml-1 text-[13px]", children: count })) : null] }) }));
+}
+//# sourceMappingURL=logic-editor.js.map

package/dist/lib/logic-editor/logic-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logic-editor.js","sourceRoot":"","sources":["../../../src/logic-editor/logic-editor.tsx"],"names":[],"mappings":"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"}

package/dist/lib/logic-editor/logic-left-render.d.ts

@@ -0,0 +1,3 @@
+import { type LeftRenderProps } from '../logic-expr';
+import { type RenderProps, type LogicFilterLeft } from './logic-types';
+export default function LeftRender(props: LeftRenderProps<LogicFilterLeft, string, string | number | undefined> & RenderProps): import("react/jsx-runtime").JSX.Element;

package/dist/lib/logic-editor/logic-left-render.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Cascader, Select } from '@coze-arch/coze-design';
+import { findFieldByPath } from './utils';
+import { dataTypeList, } from './logic-types';
+function fieldsToOptions(fields) {
+    return fields.map(field => ({
+        label: field.title,
+        value: field.name,
+        children: field.children?.length
+            ? fieldsToOptions(field.children)
+            : undefined,
+    }));
+}
+export default function LeftRender(props) {
+    const { expr, onExprChange, fields, disabled, enableCascadeMode } = props;
+    if (enableCascadeMode) {
+        return (_jsx("div", { className: "w-56", children: _jsx(Cascader, { placeholder: "\u8BF7\u9009\u62E9", value: expr.left, className: "w-full", disabled: disabled, treeData: fieldsToOptions(fields), onChange: cascadeVal => {
+                    if (!Array.isArray(cascadeVal)) {
+                        return;
+                    }
+                    const fieldPaths = cascadeVal;
+                    const field = findFieldByPath(fields, fieldPaths);
+                    const { disabledOperations = [], customOperations } = field ?? {};
+                    const dataType = dataTypeList.find(item => item.type === field?.type);
+                    let operations = dataType?.operations ?? [];
+                    if (Array.isArray(customOperations)) {
+                        operations = customOperations;
+                    }
+                    else if (disabledOperations.length > 0) {
+                        operations = operations.filter(item => !disabledOperations.includes(item.value));
+                    }
+                    onExprChange?.({
+                        left: [...fieldPaths],
+                        operator: operations?.find(e => e.value === expr.operator)
+                            ? expr.operator
+                            : operations?.[0]?.value,
+                        right: undefined,
+                    });
+                } }) }));
+    }
+    return (_jsx("div", { className: "w-40", children: _jsx(Select, { placeholder: "\u8BF7\u9009\u62E9", value: expr.left, className: "w-full", disabled: disabled, filter: true, optionList: fieldsToOptions(fields), onChange: val => {
+                const field = fields.find(item => item.name === val);
+                const { disabledOperations = [] } = field ?? {};
+                const dataType = dataTypeList.find(item => item.type === field?.type);
+                let operations = (field?.operatorProps?.operations ??
+                    dataType?.operations ??
+                    []);
+                if (disabledOperations.length > 0) {
+                    operations = operations.filter(item => !disabledOperations.includes(item.value));
+                }
+                onExprChange?.({
+                    left: val,
+                    operator: operations?.find(e => e.value === expr.operator)
+                        ? expr.operator
+                        : operations?.[0]?.value,
+                    right: undefined,
+                });
+            } }) }));
+}
+//# sourceMappingURL=logic-left-render.js.map

package/dist/lib/logic-editor/logic-left-render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logic-left-render.js","sourceRoot":"","sources":["../../../src/logic-editor/logic-left-render.tsx"],"names":[],"mappings":"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"}

package/dist/lib/logic-editor/logic-operator-render.d.ts

@@ -0,0 +1,3 @@
+import { type OperatorRenderProps } from '../logic-expr';
+import { type LogicFilterLeft, type RenderProps } from './logic-types';
+export default function OperatorRender(props: OperatorRenderProps<LogicFilterLeft, string, string | number | undefined> & RenderProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/lib/logic-editor/logic-operator-render.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Select } from '@coze-arch/coze-design';
+import { findFieldByPath } from './utils';
+import { dataTypeList, } from './logic-types';
+export default function OperatorRender(props) {
+    const { expr, onExprChange, fields, disabled = false } = props;
+    const field = findFieldByPath(fields, expr.left);
+    const dataType = dataTypeList.find(item => item.type === field?.type);
+    if (!field) {
+        return null;
+    }
+    const { disabledOperations = [], customOperations } = field;
+    let options = (field.operatorProps?.operations ??
+        dataType?.operations ??
+        []);
+    if (Array.isArray(customOperations)) {
+        options = customOperations;
+    }
+    else if (disabledOperations.length > 0) {
+        options = options.filter(item => !disabledOperations.includes(item.value));
+    }
+    return (_jsx("div", { className: "w-24", children: _jsx(Select, { placeholder: "\u64CD\u4F5C\u7B26", value: expr.operator, style: { width: '100%' }, disabled: disabled, optionList: options, onChange: val => {
+                onExprChange?.({
+                    ...expr,
+                    operator: val,
+                });
+            } }) }));
+}
+//# sourceMappingURL=logic-operator-render.js.map

package/dist/lib/logic-editor/logic-operator-render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logic-operator-render.js","sourceRoot":"","sources":["../../../src/logic-editor/logic-operator-render.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAGhD,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EACL,YAAY,GAIb,MAAM,eAAe,CAAC;AAEvB,MAAM,CAAC,OAAO,UAAU,cAAc,CACpC,KAKa;IAEb,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAC/D,MAAM,KAAK,GAAG,eAAe,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,QAAQ,GAAG,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE,IAAI,CAAC,CAAC;IACtE,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,IAAI,CAAC;IACd,CAAC;IACD,MAAM,EAAE,kBAAkB,GAAG,EAAE,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAC5D,IAAI,OAAO,GAAG,CAAC,KAAK,CAAC,aAAa,EAAE,UAAU;QAC5C,QAAQ,EAAE,UAAU;QACpB,EAAE,CAAqB,CAAC;IAE1B,IAAI,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,EAAE,CAAC;QACpC,OAAO,GAAG,gBAAgB,CAAC;IAC7B,CAAC;SAAM,IAAI,kBAAkB,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QACzC,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,kBAAkB,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;IAC7E,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,MAAM,IACL,WAAW,EAAC,oBAAK,EACjB,KAAK,EAAE,IAAI,CAAC,QAAQ,EACpB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,OAAO,EACnB,QAAQ,EAAE,GAAG,CAAC,EAAE;gBACd,YAAY,EAAE,CAAC;oBACb,GAAG,IAAI;oBACP,QAAQ,EAAE,GAAyB;iBACpC,CAAC,CAAC;YACL,CAAC,GACD,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/lib/logic-editor/logic-right-render.d.ts

@@ -0,0 +1,3 @@
+import { type RightRenderProps } from '../logic-expr';
+import { type LogicFilterLeft, type RenderProps } from './logic-types';
+export default function RightRender(props: RightRenderProps<LogicFilterLeft, string, string | number | undefined> & RenderProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/lib/logic-editor/logic-right-render.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { findFieldByPath } from './utils';
+import { dataTypeList, } from './logic-types';
+export default function RightRender(props) {
+    const { expr, onExprChange, fields, disabled = false } = props;
+    const field = findFieldByPath(fields, expr.left);
+    if (!field) {
+        return null;
+    }
+    if (expr.operator === 'is-empty' || expr.operator === 'is-not-empty') {
+        return null;
+    }
+    const Setter = field?.setter ||
+        dataTypeList.find(dataType => dataType.type === field.type)?.setter;
+    if (!Setter) {
+        return null;
+    }
+    return (_jsx("div", { className: "w-48 grow overflow-hidden", children: _jsx(Setter, { ...(field.setterProps ?? {}), expr: expr, field: field, disabled: disabled, value: expr.right, onChange: val => {
+                onExprChange?.({
+                    ...expr,
+                    right: val,
+                });
+            } }) }));
+}
+//# sourceMappingURL=logic-right-render.js.map

package/dist/lib/logic-editor/logic-right-render.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logic-right-render.js","sourceRoot":"","sources":["../../../src/logic-editor/logic-right-render.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EACL,YAAY,GAGb,MAAM,eAAe,CAAC;AAEvB,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,KAKa;IAEb,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAC/D,MAAM,KAAK,GAAG,eAAe,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IACjD,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAI,IAAI,CAAC,QAAQ,KAAK,UAAU,IAAI,IAAI,CAAC,QAAQ,KAAK,cAAc,EAAE,CAAC;QACrE,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,MAAM,GACV,KAAK,EAAE,MAAM;QACb,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEtE,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,cAAK,SAAS,EAAC,2BAA2B,YACxC,KAAC,MAAM,OACD,CAAC,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC,EAC7B,IAAI,EAAE,IAAoC,EAC1C,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,IAAI,CAAC,KAAe,EAC3B,QAAQ,EAAE,GAAG,CAAC,EAAE;gBACd,YAAY,EAAE,CAAC;oBACb,GAAG,IAAI;oBACP,KAAK,EAAE,GAAyB;iBACjC,CAAC,CAAC;YACL,CAAC,GACD,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/lib/logic-editor/logic-types.d.ts

@@ -0,0 +1,49 @@
+import { type Expr, type ExprGroup } from '../logic-expr';
+export interface LogicOperation {
+    label: string;
+    value: string;
+}
+export type LogicFilterLeft = string | string[];
+export type LogicFilter = ExprGroup<LogicFilterLeft, string, any>;
+export interface RenderProps {
+    disabled?: boolean;
+    fields: LogicField[];
+    /** 开启级联模式，佐治会变成数组 */
+    enableCascadeMode?: boolean;
+}
+/** 逻辑编辑器的字段 */
+export interface LogicField {
+    /** 字段标题 */
+    title: React.ReactNode;
+    /** 字段名称 */
+    name: string;
+    /** 字段类型 */
+    type: 'string' | 'number' | 'options' | 'custom';
+    setterProps?: Record<string, unknown>;
+    /** 自定义操作符右边的输入编辑器 */
+    setter?: LogicSetter;
+    /** 禁用操作符列表 */
+    disabledOperations?: string[];
+    /** operator 自定义属性 */
+    operatorProps?: Record<string, unknown>;
+    /** 自定义操作符列表，会覆盖原有列表 */
+    customOperations?: LogicOperation[];
+    /** 子字段 */
+    children?: LogicField[];
+}
+export interface DataTypeSetterProps<T = any> {
+    [key: string]: unknown;
+    value: T;
+    expr: Expr | undefined;
+    field: LogicField;
+    disabled: boolean;
+    onChange: (val: T) => void;
+}
+export type LogicSetter = (props: DataTypeSetterProps) => JSX.Element | null;
+export interface LogicDataType {
+    type: 'string' | 'number' | 'date' | 'options';
+    operations: LogicOperation[];
+    setter: LogicSetter;
+}
+export declare const baseOperations: LogicOperation[];
+export declare const dataTypeList: LogicDataType[];