@cozeloop/components 0.0.1 → 0.0.3

package/dist/lib/columns-select/index.js

@@ -1,241 +1,77 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-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]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var columns_select_exports = {};
-__export(columns_select_exports, {
-  ColumnSelector: () => ColumnSelector
-});
-module.exports = __toCommonJS(columns_select_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var sort = __toESM(require("react-sortable-hoc"));
-var import_react = require("react");
-var import_icons = require("@coze-arch/coze-design/icons");
-var import_coze_design = require("@coze-arch/coze-design");
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable @coze-arch/max-line-per-function */
+/* eslint-disable @coze-arch/no-batch-import-or-export */
+import * as sort from 'react-sortable-hoc';
+import { Fragment, useEffect, useMemo, useState } from 'react';
+import { IconCozHandle, IconCozTableSetting, } from '@coze-arch/coze-design/icons';
+import { Button, Checkbox, Dropdown, Typography, Divider, Tooltip, } from '@coze-arch/coze-design';
+// @ts-expect-error react-sortable-hoc ts type issue
 const { sortableContainer, sortableElement, sortableHandle } = sort;
 const { arrayMove } = sort;
-const ColumnSelector = ({
-  columns,
-  defaultColumns = columns,
-  onChange,
-  buttonText,
-  resetButtonText = "重置为默认",
-  className,
-  sortable = true,
-  itemRender,
-  footerRender
-}) => {
-  const [list, setList] = (0, import_react.useState)(() => [...columns]);
-  const selectedKeys = (0, import_react.useMemo)(
-    () => list.filter((item) => item.checked).map((item) => item.key),
-    [list]
-  );
-  const disabledKeys = (0, import_react.useMemo)(
-    () => list.filter((item) => item.disabled).map((item) => item.key),
-    [list]
-  );
-  const DragHandle = sortableHandle(() => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_icons.IconCozHandle,
-    {
-      className: "cursor-grab",
-      "aria-label": "拖动排序",
-      role: "button"
-    }
-  ));
-  const RenderItem = (value, slot) => {
-    var _a, _b, _c;
-    const render = itemRender ? itemRender(value) : null;
-    if (render) {
-      return render;
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "span",
-      {
-        className: "group flex items-center justify-between py-1 px-2 text-[var(--coz-fg-primary)] z-[99999] select-none hover:bg-[var(--coz-mg-secondary)] rounded-[6px] cursor-pointer bg-white",
-        style: {
-          zIndex: 99999
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-          "div",
-          {
-            className: "flex items-center gap-x-2 max-w-full w-full",
-            onClick: () => {
-              var _a2, _b2;
-              if (disabledKeys.includes((_a2 = value.key) != null ? _a2 : "") || value.disabled) {
-                return;
-              }
-              const newKeys = selectedKeys.includes((_b2 = value.key) != null ? _b2 : "") ? selectedKeys.filter((key) => key !== value.key) : [...selectedKeys, value.key];
-              const newColumns = list.map((item) => {
-                if (newKeys.includes(item.key)) {
-                  return __spreadProps(__spreadValues({}, item), {
-                    checked: true
-                  });
-                }
-                return __spreadProps(__spreadValues({}, item), {
-                  checked: false
-                });
-              });
-              setList(newColumns);
-              onChange == null ? void 0 : onChange(newColumns);
-            },
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_coze_design.Checkbox,
-                {
-                  disabled: disabledKeys.includes((_a = value.key) != null ? _a : "") || value.disabled,
-                  checked: selectedKeys.includes((_b = value.key) != null ? _b : ""),
-                  "aria-label": `选择${value.value}`
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_coze_design.Typography.Text,
-                {
-                  ellipsis: {
-                    showTooltip: {
-                      opts: {
-                        content: value.value,
-                        theme: "dark"
-                      }
-                    }
-                  },
-                  className: "text-[13px] text-[var(--coz-fg-primary)] flex-1 overflow-hidden w-full",
-                  style: {
-                    color: disabledKeys.includes((_c = value.key) != null ? _c : "") || value.disabled ? "var(--coz-fg-dim)" : ""
-                  },
-                  children: value.value
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "opacity-0 group-hover:opacity-100 transition-opacity flex items-center coz-fg-secondary", children: slot })
-            ]
-          }
-        )
-      }
-    );
-  };
-  const SortableItem = sortableElement(
-    ({ value }) => RenderItem(value, /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DragHandle, {}))
-  );
-  const SortableContainer = sortableContainer(
-    ({ children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "max-w-[200px] w-fit rounded-[6px] py-2 px-1 max-h-[372px] overflow-y-auto flex gap-y-1 flex-col", children })
-  );
-  const handleSortEnd = ({
-    oldIndex,
-    newIndex
-  }) => {
-    const newList = arrayMove(list, oldIndex, newIndex);
-    setList(newList);
-    onChange == null ? void 0 : onChange(newList);
-  };
-  const handleReset = () => {
-    setList(defaultColumns);
-    onChange == null ? void 0 : onChange(defaultColumns);
-  };
-  (0, import_react.useEffect)(() => {
-    setList(columns);
-  }, [columns]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_coze_design.Dropdown,
-    {
-      position: "bottomRight",
-      render: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        "div",
-        {
-          onClick: (event) => {
-            event.stopPropagation();
-          },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SortableContainer, { onSortEnd: handleSortEnd, useDragHandle: true, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: list.map(
-              (value, index) => (value == null ? void 0 : value.disabled) || !sortable ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react.Fragment, { children: RenderItem(value) }, `item-${value.key}`) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                SortableItem,
-                {
-                  index,
-                  value
-                },
-                `item-${value.key}`
-              )
-            ) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_coze_design.Divider, {}),
-            footerRender ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex items-center", children: [
-              footerRender(list),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                import_coze_design.Button,
-                {
-                  color: "secondary",
-                  type: "secondary",
-                  className: "text-center flex-1",
-                  onClick: handleReset,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-brand font-medium text-[13px]", children: resetButtonText })
-                }
-              )
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_coze_design.Button,
-              {
-                color: "secondary",
-                type: "secondary",
-                className: "w-full text-center",
-                onClick: handleReset,
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "text-brand font-medium text-[13px]", children: resetButtonText })
-              }
-            )
-          ]
-        }
-      ),
-      trigger: "click",
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_coze_design.Tooltip, { content: "列管理", theme: "dark", position: "top", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_coze_design.Button,
-        {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.IconCozTableSetting, {}),
-          type: "primary",
-          color: "primary",
-          className: "flex items-center justify-center",
-          "aria-label": buttonText
+const SortableContainer = sortableContainer(({ children }) => (_jsx("div", { className: "max-w-[200px] w-fit rounded-[6px] py-2 px-1 max-h-[372px] overflow-y-auto flex gap-y-1 flex-col", children: children })));
+const DragHandle = sortableHandle(() => (_jsx(IconCozHandle, { className: "cursor-grab", "aria-label": "\u62D6\u52A8\u6392\u5E8F", role: "button" })));
+export const ColumnSelector = ({ columns, defaultColumns = columns, onChange, buttonText, resetButtonText = '重置为默认', className, sortable = true, itemRender, footerRender, }) => {
+    const [list, setList] = useState(() => [...columns]);
+    const selectedKeys = useMemo(() => list.filter(item => item.checked).map(item => item.key), [list]);
+    const disabledKeys = useMemo(() => list.filter(item => item.disabled).map(item => item.key), [list]);
+    const RenderItem = (value, slot) => {
+        const render = itemRender ? itemRender(value) : null;
+        if (render) {
+            return render;
         }
-      ) }) })
-    }
-  ) });
+        return (_jsx("span", { 
+            // ref={spanRef}
+            className: "group flex items-center justify-between py-1 px-2 text-[var(--coz-fg-primary)] z-[99999] select-none hover:bg-[var(--coz-mg-secondary)] rounded-[6px] cursor-pointer bg-white", style: {
+                zIndex: 99999,
+            }, children: _jsxs("div", { className: "flex items-center gap-x-2 max-w-full w-full", onClick: () => {
+                    if (disabledKeys.includes(value.key ?? '') || value.disabled) {
+                        return;
+                    }
+                    const newKeys = selectedKeys.includes(value.key ?? '')
+                        ? selectedKeys.filter(key => key !== value.key)
+                        : [...selectedKeys, value.key];
+                    const newColumns = list.map(item => {
+                        if (newKeys.includes(item.key)) {
+                            return {
+                                ...item,
+                                checked: true,
+                            };
+                        }
+                        return {
+                            ...item,
+                            checked: false,
+                        };
+                    });
+                    setList(newColumns);
+                    onChange?.(newColumns);
+                }, children: [_jsx(Checkbox, { disabled: disabledKeys.includes(value.key ?? '') || value.disabled, checked: selectedKeys.includes(value.key ?? ''), "aria-label": `选择${value.value}` }), _jsx(Typography.Text, { ellipsis: {
+                            showTooltip: {
+                                opts: {
+                                    content: value.value,
+                                    theme: 'dark',
+                                },
+                            },
+                        }, className: "text-[13px] text-[var(--coz-fg-primary)] flex-1 overflow-hidden w-full", style: {
+                            color: disabledKeys.includes(value.key ?? '') || value.disabled
+                                ? 'var(--coz-fg-dim)'
+                                : '',
+                        }, children: value.value }), _jsx("div", { className: "opacity-0 group-hover:opacity-100 transition-opacity flex items-center coz-fg-secondary", children: slot })] }) }));
+    };
+    const SortableItem = sortableElement(({ value }) => RenderItem(value, _jsx(DragHandle, {})));
+    const handleSortEnd = ({ oldIndex, newIndex, }) => {
+        const newList = arrayMove(list, oldIndex, newIndex);
+        setList(newList);
+        onChange?.(newList);
+    };
+    const handleReset = () => {
+        setList(defaultColumns);
+        onChange?.(defaultColumns);
+    };
+    useEffect(() => {
+        setList(columns);
+    }, [columns]);
+    return (_jsx("div", { className: className, children: _jsx(Dropdown, { position: "bottomRight", render: _jsxs("div", { onClick: event => {
+                    event.stopPropagation();
+                }, children: [_jsx(SortableContainer, { onSortEnd: handleSortEnd, useDragHandle: true, children: _jsx(_Fragment, { children: list.map((value, index) => value?.disabled || !sortable ? (_jsx(Fragment, { children: RenderItem(value) }, `item-${value.key}`)) : (_jsx(SortableItem, { index: index, value: value }, `item-${value.key}`))) }) }), _jsx(Divider, {}), footerRender ? (_jsxs("div", { className: "flex items-center", children: [footerRender(list), _jsx(Button, { color: "secondary", type: "secondary", className: "text-center flex-1", onClick: handleReset, children: _jsx("span", { className: "text-brand font-medium text-[13px]", children: resetButtonText }) })] })) : (_jsx(Button, { color: "secondary", type: "secondary", className: "w-full text-center", onClick: handleReset, children: _jsx("span", { className: "text-brand font-medium text-[13px]", children: resetButtonText }) }))] }), trigger: "click", children: _jsx("div", { children: _jsx(Tooltip, { content: "\u5217\u7BA1\u7406", theme: "dark", position: "top", children: _jsx(Button, { icon: _jsx(IconCozTableSetting, {}), type: "primary", color: "primary", className: "flex items-center justify-center", "aria-label": buttonText }) }) }) }) }));
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ColumnSelector
-});
+//# sourceMappingURL=index.js.map

package/dist/lib/columns-select/index.js.map

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

package/dist/{edit-icon-button → lib/edit-icon-button}/index.d.ts

@@ -1,8 +1,8 @@
 import { type MouseEvent } from 'react';
-interface Props {
+interface Props extends React.HTMLAttributes<SVGElement> {
     className?: string;
     disabled?: boolean;
     onClick?: (e: MouseEvent<SVGElement>) => void;
 }
-export declare function EditIconButton({ disabled, className, onClick }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function EditIconButton({ disabled, className, onClick, ...rest }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/{edit-icon-button → lib/edit-icon-button}/index.js

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import classNames from 'classnames';
 import { IconCozPencil } from '@coze-arch/coze-design/icons';
-export function EditIconButton({ disabled, className, onClick }) {
-    return (_jsx(IconCozPencil, { fontSize: 14, className: classNames('text-[var(--coz-fg-dim)]', disabled
+export function EditIconButton({ disabled, className, onClick, ...rest }) {
+    return (_jsx(IconCozPencil, { ...rest, fontSize: 14, className: classNames('text-[var(--coz-fg-dim)]', disabled
             ? 'cursor-not-allowed'
             : 'cursor-pointer hover:text-[rgba(var(--coze-up-brand-9))]', className), onClick: e => {
             if (!disabled) {

package/dist/lib/edit-icon-button/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/edit-icon-button/index.tsx"],"names":[],"mappings":";AAEA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAQ7D,MAAM,UAAU,cAAc,CAAC,EAC7B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,IAAI,EACD;IACN,OAAO,CACL,KAAC,aAAa,OACR,IAAI,EACR,QAAQ,EAAE,EAAE,EACZ,SAAS,EAAE,UAAU,CACnB,0BAA0B,EAC1B,QAAQ;YACN,CAAC,CAAC,oBAAoB;YACtB,CAAC,CAAC,0DAA0D,EAC9D,SAAS,CACV,EACD,OAAO,EAAE,CAAC,CAAC,EAAE;YACX,IAAI,CAAC,QAAQ,EAAE,CAAC;gBACd,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC;YACf,CAAC;QACH,CAAC,GACD,CACH,CAAC;AACJ,CAAC"}

package/dist/lib/footer-actions/index.d.ts

@@ -0,0 +1,15 @@
+import { type ButtonProps } from '@coze-arch/coze-design';
+interface Props {
+    confirmBtnProps?: ButtonProps & {
+        'data-btm'?: string;
+        'data-btm-title'?: string;
+        text?: string;
+    };
+    cancelBtnProps?: ButtonProps & {
+        'data-btm'?: string;
+        'data-btm-title'?: string;
+        text?: string;
+    };
+}
+export declare function FooterActions({ confirmBtnProps: { text: confirmBtnText, ...confirmBtnProps }, cancelBtnProps: { text: cancelBtnText, ...cancelBtnProps }, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/lib/footer-actions/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/naming-convention */
+import { Button } from '@coze-arch/coze-design';
+import { useI18n } from '../provider';
+export function FooterActions({ confirmBtnProps: { text: confirmBtnText, ...confirmBtnProps } = {}, cancelBtnProps: { text: cancelBtnText, ...cancelBtnProps } = {}, }) {
+    const I18n = useI18n();
+    return (_jsxs("div", { className: "flex justify-end", children: [_jsx(Button, { color: "primary", ...cancelBtnProps, children: cancelBtnText ?? I18n.t('global_btn_cancel') }), _jsx(Button, { className: "ml-2", ...confirmBtnProps, children: confirmBtnText ?? I18n.t('global_btn_confirm') })] }));
+}
+//# sourceMappingURL=index.js.map

package/dist/lib/footer-actions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/footer-actions/index.tsx"],"names":[],"mappings":";AAAA,yDAAyD;AACzD,OAAO,EAAE,MAAM,EAAoB,MAAM,wBAAwB,CAAC;AAElE,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AActC,MAAM,UAAU,aAAa,CAAC,EAC5B,eAAe,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,eAAe,EAAE,GAAG,EAAE,EAClE,cAAc,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,GAAG,cAAc,EAAE,GAAG,EAAE,GACzD;IACN,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,OAAO,CACL,eAAK,SAAS,EAAC,kBAAkB,aAC/B,KAAC,MAAM,IAAC,KAAK,EAAC,SAAS,KAAK,cAAc,YACvC,aAAa,IAAI,IAAI,CAAC,CAAC,CAAC,mBAAmB,CAAC,GACtC,EACT,KAAC,MAAM,IAAC,SAAS,EAAC,MAAM,KAAK,eAAe,YACzC,cAAc,IAAI,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,GACxC,IACL,CACP,CAAC;AACJ,CAAC"}