@pisell/materials 1.0.659 → 1.0.661

package/lib/components/pisellAnchor/index.less

@@ -92,7 +92,7 @@
   }
 }
 
-.pisell-tabs {
+.pisell-anchor-tabs {
   display: flex;
   align-items: center;
   width: 100%;
@@ -103,8 +103,8 @@
   cursor: default;
   position: relative;
 
-  .pisell-tabs-btn-left,
-  .pisell-tabs-btn-right {
+  .pisell-anchor-tabs-btn-left,
+  .pisell-anchor-tabs-btn-right {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
@@ -119,7 +119,7 @@
     transition: width 300ms ease;
     user-select: none;
 
-    .pisell-tabs-btn-icon {
+    .pisell-anchor-tabs-btn-icon {
       width: 24px;
       height: 24px;
       background: #f1f1f1;
@@ -132,17 +132,17 @@
     }
   }
 
-  .pisell-tabs-btn-left {
+  .pisell-anchor-tabs-btn-left {
     left: 0;
     background: linear-gradient(270deg, rgba(255, 255, 255, 0.8) 0%, #fff 70%);
   }
 
-  .pisell-tabs-btn-right {
+  .pisell-anchor-tabs-btn-right {
     right: 0;
     background: linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, #fff 70%);
   }
 
-  .pisell-tabs-content {
+  .pisell-anchor-tabs-content {
     flex: 1;
     display: flex;
     overflow-x: auto;
@@ -152,25 +152,37 @@
     scrollbar-width: none;
     -ms-overflow-style: none;
     padding: 0;
+    gap: 16px;
 
     &::-webkit-scrollbar {
       display: none;
     }
 
-    .pisell-tabs-tab {
+    .pisell-anchor-tabs-tab {
       flex: 0 0 auto;
-      padding: 8px 0;
+      padding: 0 16px;
       cursor: pointer;
       white-space: nowrap;
       transition: all 0.3s;
+      height: 48px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 16px;
+      border-radius: 100px;
 
-      &:hover {
-        color: #1677ff;
+      &:hover:not(.pisell-anchor-tabs-tab-active) {
+        color: var(--theme-color, #7f56d9);
       }
 
-      &.pisell-tabs-tab-active {
-        color: #1677ff;
+      &.pisell-anchor-tabs-tab-active {
+        color: #fff;
         font-weight: 600;
+        background-color: var(--theme-color, #7f56d9);
+      }
+
+      .pisell-anchor-tabs-tab-content {
+        line-height: 24px;
       }
     }
   }

package/lib/components/pisellList01/index.js

@@ -33,12 +33,18 @@ __export(pisellList01_exports, {
 });
 module.exports = __toCommonJS(pisellList01_exports);
 var import_react = __toESM(require("react"));
-var import_icons = require("@ant-design/icons");
-var import_pisellViewGrid = __toESM(require("../pisellViewGrid"));
+var import_antd = require("antd");
 var import_pisellAnchor = __toESM(require("../pisellAnchor"));
-var import_pisellEmpty = __toESM(require("../pisellEmpty"));
-var import_input = __toESM(require("../input"));
+var import_classnames = __toESM(require("classnames"));
+var import_utils = require("@pisell/utils");
 var import_index = require("./index.less");
+var { Search } = import_antd.Input;
+var formatOptions = (data = []) => {
+  return data.map((item) => ({
+    id: item.key || item.id,
+    name: item.title || item.name
+  }));
+};
 var PisellList01 = ({
   showSearch,
   showCategory,
@@ -53,61 +59,62 @@ var PisellList01 = ({
   description
 }) => {
   const [currentAnchor, setCurrentAnchor] = (0, import_react.useState)("");
-  const [products, setProducts] = (0, import_react.useState)([]);
+  const [filteredData, setFilteredData] = (0, import_react.useState)([]);
+  const [searchValue, setSearchValue] = (0, import_react.useState)("");
+  const platform = (0, import_utils.isMobile)() ? "h5" : "pc";
   (0, import_react.useEffect)(() => {
-    if (!showCategory) {
-      return setProducts(dataSource ?? []);
-    }
-    if (currentAnchor) {
-      const currentData = dataSource == null ? void 0 : dataSource.find(
-        (item) => item.href === currentAnchor
-      );
-      setProducts((currentData == null ? void 0 : currentData.children) ?? []);
+    if (dataSource && dataSource.length > 0) {
+      setCurrentAnchor(dataSource[0].key || dataSource[0].id);
+      setFilteredData(dataSource);
     }
-  }, [currentAnchor, dataSource, showCategory]);
-  (0, import_react.useEffect)(() => {
-    var _a;
-    setCurrentAnchor(((_a = dataSource == null ? void 0 : dataSource[0]) == null ? void 0 : _a.href) ?? "");
   }, [dataSource]);
-  const categoryTitle = (0, import_react.useMemo)(() => {
-    var _a;
-    return (_a = dataSource == null ? void 0 : dataSource.find((item) => item.href === currentAnchor)) == null ? void 0 : _a.title;
-  }, [currentAnchor, dataSource]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: `pisell-list-01 ${className}`, style }, showSearch ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-list-01-search" }, /* @__PURE__ */ import_react.default.createElement(
-    import_input.default,
+  const handleSearch = (value) => {
+    setSearchValue(value);
+    if (onSearch) {
+      onSearch(value);
+      return;
+    }
+    if (!value) {
+      setFilteredData(dataSource || []);
+      return;
+    }
+    const filtered = (dataSource || []).filter(
+      (item) => item.title && item.title.toLowerCase().includes(value.toLowerCase()) || item.name && item.name.toLowerCase().includes(value.toLowerCase())
+    );
+    setFilteredData(filtered);
+  };
+  const renderItems = () => {
+    if (!filteredData || filteredData.length === 0) {
+      if (isShowEmpty) {
+        return /* @__PURE__ */ import_react.default.createElement(import_antd.Empty, { description: description || "暂无数据" });
+      }
+      return null;
+    }
+    return filteredData.map((item, index) => {
+      return renderItem ? renderItem(item, index) : null;
+    });
+  };
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)("pisell-list-01", className), style }, showSearch ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-list-01-search" }, /* @__PURE__ */ import_react.default.createElement(
+    Search,
     {
-      placeholder: placeholder || "Search",
-      prefix: /* @__PURE__ */ import_react.default.createElement(import_icons.SearchOutlined, { style: { color: "#667085" } }),
-      onChange: onSearch,
-      allowClear: true,
-      size: "large",
-      className: "pisell-list-01-search-input"
+      placeholder: placeholder || "请输入搜索内容",
+      onSearch: handleSearch,
+      value: searchValue,
+      onChange: (e) => setSearchValue(e.target.value)
     }
   )) : null, showCategory ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-list-01-categories" }, /* @__PURE__ */ import_react.default.createElement(
     import_pisellAnchor.default,
     {
-      items: dataSource,
-      getCurrentAnchor: currentAnchor,
+      options: formatOptions(dataSource),
+      tab: currentAnchor,
       onChange: (e) => {
-        onChange == null ? void 0 : onChange(e);
+        if (typeof e === "string") {
+          onChange == null ? void 0 : onChange(e);
+        }
         setCurrentAnchor(e);
-      }
+      },
+      platform
     }
-  )) : null, /* @__PURE__ */ import_react.default.createElement(
-    "div",
-    {
-      className: `pisell-list-01-products ${!products.length && isShowEmpty ? "pisell-list-01-products-empty" : ""}`
-    },
-    showCategory ? /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-list-01-products-title" }, categoryTitle) : null,
-    products.length > 0 ? /* @__PURE__ */ import_react.default.createElement(
-      import_pisellViewGrid.default,
-      {
-        dataSource: products,
-        columns: 1,
-        verticalGap: 16,
-        renderItem
-      }
-    ) : isShowEmpty ? /* @__PURE__ */ import_react.default.createElement(import_pisellEmpty.default, { description }) : null
-  ));
+  )) : null, /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-list-01-content" }, renderItems()));
 };
 var pisellList01_default = PisellList01;

package/lib/components/table/Table/utils.d.ts

@@ -167,7 +167,7 @@ export declare const getSettingKeyArrByMode: ({ filter, columnSetting, dataSourc
     sort?: SortType | undefined;
     mode: "" | "localStorage" | "remote";
     currentViewMode: ModeType;
-}) => ("view_mode" | "column_setting" | "order_by" | "group_by" | "gallery_setting" | "filter_setting")[];
+}) => ("filter_setting" | "column_setting" | "gallery_setting" | "view_mode" | "group_by" | "order_by")[];
 export declare const omit: (obj: Record<string, any>, keys: string[]) => Record<string, any>;
 export declare const stringify: (obj: Record<string, any>) => string;
 export {};

package/lowcode/data-source-table/meta.ts

@@ -5456,6 +5456,10 @@ const dataSourceTable = {
           name: 'onDataSourceChange',
           template: 'onDataSourceChange(currentDataSource) {}',
         },
+        {
+          name: 'onDeleteFinish',
+          template: 'onDeleteFinish(record){\n// 无代码 删除成功回调\nconsole.log("onDeleteFinish", record);}',
+        },
         {
           name: 'rowSelection.onChange',
           template:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.659",
+  "version": "1.0.661",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -72,8 +72,8 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "react-window": "^1.8.10",
     "styled-components": "^6.0.0-rc.3",
-    "@pisell/icon": "0.0.10",
     "@pisell/date-picker": "1.0.115",
+    "@pisell/icon": "0.0.10",
     "@pisell/utils": "1.0.43"
   },
   "peerDependencies": {

package/es/components/pisellAnchor/PisellAnchor.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-interface PisellAnchorProps {
-    options: {
-        id: string;
-        name: string;
-    }[];
-    tab?: string;
-    containerRef?: any;
-    onChange?: (key: string) => void;
-    onTabClick?: () => void;
-    hideBorder?: boolean;
-}
-declare const PisellAnchor: React.FC<PisellAnchorProps>;
-export default PisellAnchor;

package/es/components/pisellAnchor/PisellAnchor.js

@@ -1,18 +0,0 @@
-var PisellAnchor = function PisellAnchor(_ref) {
-  var _ref$options = _ref.options,
-    options = _ref$options === void 0 ? [] : _ref$options,
-    tab = _ref.tab,
-    containerRef = _ref.containerRef,
-    onChange = _ref.onChange,
-    onTabClick = _ref.onTabClick,
-    _ref$hideBorder = _ref.hideBorder,
-    hideBorder = _ref$hideBorder === void 0 ? false : _ref$hideBorder;
-  // ... existing code ...
-
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('pisell-anchor', {
-      'pisell-anchor-no-border': hideBorder
-    })
-  }, "// ... existing code ...");
-};
-export default PisellAnchor;

package/lib/components/pisellAnchor/PisellAnchor.d.ts

@@ -1,14 +0,0 @@
-/// <reference types="react" />
-interface PisellAnchorProps {
-    options: {
-        id: string;
-        name: string;
-    }[];
-    tab?: string;
-    containerRef?: any;
-    onChange?: (key: string) => void;
-    onTabClick?: () => void;
-    hideBorder?: boolean;
-}
-declare const PisellAnchor: React.FC<PisellAnchorProps>;
-export default PisellAnchor;

package/lib/components/pisellAnchor/PisellAnchor.js

@@ -1,35 +0,0 @@
-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);
-
-// src/components/pisellAnchor/PisellAnchor.tsx
-var PisellAnchor_exports = {};
-__export(PisellAnchor_exports, {
-  default: () => PisellAnchor_default
-});
-module.exports = __toCommonJS(PisellAnchor_exports);
-var PisellAnchor = ({
-  options = [],
-  tab,
-  containerRef,
-  onChange,
-  onTabClick,
-  hideBorder = false
-}) => {
-  return /* @__PURE__ */ React.createElement("div", { className: classNames("pisell-anchor", { "pisell-anchor-no-border": hideBorder }) }, "// ... existing code ...");
-};
-var PisellAnchor_default = PisellAnchor;