@pisell/private-materials 6.2.32 → 6.3.2

package/lib/pro/comprehensiveSearch/hooks/useTerminalPeripherals.js

@@ -1,70 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __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);
-
-// src/pro/comprehensiveSearch/hooks/useTerminalPeripherals.ts
-var useTerminalPeripherals_exports = {};
-__export(useTerminalPeripherals_exports, {
-  default: () => useTerminalPeripherals_default
-});
-module.exports = __toCommonJS(useTerminalPeripherals_exports);
-var import_react = require("react");
-var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
-var useTerminalPeripherals = (onChange) => {
-  var _a;
-  const context = (0, import_useEngineContext.default)();
-  const { interaction } = ((_a = context.appHelper) == null ? void 0 : _a.utils) || {};
-  const [peripheralsStatus, setPeripheralsStatus] = (0, import_react.useState)({
-    scanner: "none",
-    nfc: "none"
-  });
-  (0, import_react.useEffect)(() => {
-    var _a2, _b, _c, _d;
-    (_b = (_a2 = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _a2.postMessageToApp) == null ? void 0 : _b.call(_a2, {
-      module: "global",
-      key: "get_peripherals_status",
-      data: {}
-    });
-    (_d = (_c = interaction == null ? void 0 : interaction.utils) == null ? void 0 : _c.mountFunction) == null ? void 0 : _d.call(
-      _c,
-      "global",
-      "peripheralsStatus",
-      (strPeripherals) => {
-        try {
-          const peripherals = JSON.parse(strPeripherals);
-          setPeripheralsStatus(peripherals);
-        } catch (err) {
-          console.error(err);
-        }
-      }
-    );
-  }, []);
-  return {
-    peripheralsStatus
-  };
-};
-var useTerminalPeripherals_default = useTerminalPeripherals;

package/lib/pro/comprehensiveSearch/index.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import type { ComprehensiveSearchProps, SearchResult } from './types';
-import './index.less';
-export declare type ComprehensiveSearchRef = {
-    setSearchKeyword: (keyword: string) => void;
-};
-declare const ComprehensiveSearch: React.ForwardRefExoticComponent<ComprehensiveSearchProps & React.RefAttributes<ComprehensiveSearchRef>>;
-export default ComprehensiveSearch;
-export type { ComprehensiveSearchProps, SearchResult };

package/lib/pro/comprehensiveSearch/index.js

@@ -1,259 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __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);
-
-// src/pro/comprehensiveSearch/index.tsx
-var comprehensiveSearch_exports = {};
-__export(comprehensiveSearch_exports, {
-  default: () => comprehensiveSearch_default
-});
-module.exports = __toCommonJS(comprehensiveSearch_exports);
-var import_react = __toESM(require("react"));
-var import_antd = require("antd");
-var import_materials = require("@pisell/materials");
-var import_icon = require("@pisell/icon");
-var import_utils = require("@pisell/utils");
-var import_useEngineContext = __toESM(require("../../hooks/useEngineContext"));
-var import_useTerminalPeripherals = __toESM(require("./hooks/useTerminalPeripherals"));
-var import_useNativeScanner = __toESM(require("./hooks/useNativeScanner"));
-var import_camera = __toESM(require("./camera.svg"));
-var import_locales = __toESM(require("./locales"));
-var import_index = require("./index.less");
-var import_classnames = __toESM(require("classnames"));
-var ComprehensiveSearch = (0, import_react.forwardRef)(
-  ({
-    dataSource = [],
-    isShowScanner = true,
-    isShowCamera = true,
-    isShowNFC = true,
-    isShowNewButton = true,
-    newButtonAlign = "left",
-    newButtonText,
-    renderType,
-    containerProps = {},
-    isShowSearch = true,
-    isShowSearchCamera = true,
-    searchIcon = "pisell2-search-lg",
-    placeholder,
-    isShowSearchButton = true,
-    resultDisplay = "list",
-    resultSort = "asc",
-    style,
-    loading,
-    onSearchTextChange,
-    onSearch,
-    onAdd,
-    onRowClick,
-    ...props
-  }, ref) => {
-    var _a, _b, _c;
-    const [searchValue, setSearchValue] = (0, import_react.useState)("");
-    const { peripheralsStatus } = (0, import_useTerminalPeripherals.default)();
-    const { activeNativeScanner, isTerminal } = (0, import_useNativeScanner.default)();
-    const context = (0, import_useEngineContext.default)();
-    import_utils.locales.init(
-      import_locales.default,
-      ((_c = (_b = (_a = context.appHelper) == null ? void 0 : _a.utils) == null ? void 0 : _b.storage) == null ? void 0 : _c.get("umi_locale")) || "en"
-    );
-    async function checkCameraAvailability() {
-      try {
-        const devices = await navigator.mediaDevices.enumerateDevices();
-        const hasCamera = devices.some(
-          (device) => device.kind === "videoinput"
-        );
-        return hasCamera;
-      } catch (err) {
-        console.error("Error checking camera availability:", err);
-      }
-      return false;
-    }
-    const handleSearch = async () => {
-      try {
-        await (onSearch == null ? void 0 : onSearch(searchValue));
-      } catch (e) {
-      }
-    };
-    const handleInputChange = (e) => {
-      const value = e.target.value;
-      setSearchValue(value);
-      onSearchTextChange == null ? void 0 : onSearchTextChange(value);
-    };
-    const handleAdd = () => {
-      onAdd == null ? void 0 : onAdd();
-    };
-    const renderSearchSection = () => {
-      if (!isShowSearch) return null;
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "comprehensive-search__search-section" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "comprehensive-search__search-row" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "comprehensive-search__search-input-wrapper" }, isShowSearchCamera && /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: (0, import_classnames.default)(
-            "comprehensive-search__search-camera-wrapper",
-            {
-              disabled: !isTerminal
-            }
-          ),
-          onClick: () => {
-            if (isTerminal) {
-              activeNativeScanner();
-            }
-          }
-        },
-        /* @__PURE__ */ import_react.default.createElement(
-          import_materials.Iconfont,
-          {
-            type: "pisell2-camera-01",
-            className: "comprehensive-search__search-camera"
-          }
-        )
-      ), /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Input,
-        {
-          value: searchValue,
-          onChange: handleInputChange,
-          placeholder: placeholder || import_utils.locales.getText("pisell2.comprehensive-search.placeholder"),
-          prefix: /* @__PURE__ */ import_react.default.createElement(
-            import_materials.Iconfont,
-            {
-              style: { fontSize: 24, color: "#5D3F9F" },
-              type: searchIcon
-            }
-          ),
-          onPressEnter: handleSearch,
-          className: "comprehensive-search__search-input",
-          allowClear: true
-        }
-      )), isShowSearchButton && /* @__PURE__ */ import_react.default.createElement("div", { className: "comprehensive-search__search-button-wrapper" }, /* @__PURE__ */ import_react.default.createElement(import_antd.Button, { type: "primary", onClick: handleSearch, loading }, import_utils.locales.getText("pisell2.text.search")))));
-    };
-    (0, import_react.useImperativeHandle)(ref, () => ({
-      setSearchKeyword: (keyword) => {
-        setSearchValue(keyword);
-      }
-    }));
-    const renderResults = () => {
-      if (import_react.default.isValidElement(resultDisplay)) {
-        return resultDisplay;
-      }
-      if (typeof resultDisplay === "function") {
-        const result = resultDisplay(dataSource);
-        if (import_react.default.isValidElement(result)) {
-          return result;
-        }
-        return null;
-      }
-      if (loading) {
-        return /* @__PURE__ */ import_react.default.createElement(import_antd.Spin, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "comprehensive-search__loading" }));
-      }
-      if (dataSource.length === 0 && props.__designMode !== "design") {
-        return /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Empty,
-          {
-            description: import_utils.locales.getText("pisell2.comprehensive-search.empty"),
-            className: "comprehensive-search__empty"
-          }
-        );
-      }
-      const resultClass = resultDisplay === "list" ? "comprehensive-search__results--list" : "comprehensive-search__results--grid";
-      const renderAllFields = (result) => {
-        return Object.entries(result).map(([key, value]) => {
-          if (value == null) return null;
-          let displayValue;
-          if (Array.isArray(value)) {
-            displayValue = value.join(", ");
-          } else if (typeof value === "object") {
-            displayValue = JSON.stringify(value);
-          } else {
-            displayValue = String(value);
-          }
-          return /* @__PURE__ */ import_react.default.createElement("div", { key, className: "comprehensive-search__result-field" }, /* @__PURE__ */ import_react.default.createElement("span", { className: "comprehensive-search__result-field-value" }, displayValue));
-        });
-      };
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: `comprehensive-search__results ${resultClass}` }, dataSource.map((result, index) => /* @__PURE__ */ import_react.default.createElement("div", { key: result.id, className: "comprehensive-search__result-item" }, /* @__PURE__ */ import_react.default.createElement(
-        "div",
-        {
-          className: "comprehensive-search__result-fields",
-          onClick: () => onRowClick == null ? void 0 : onRowClick(result, index)
-        },
-        renderAllFields(result)
-      ))));
-    };
-    const stautsIndicator = (status) => {
-      return /* @__PURE__ */ import_react.default.createElement(
-        import_materials.Iconfont,
-        {
-          style: {
-            borderRadius: "50%",
-            background: status ? "#17B26A" : "#F04438",
-            color: "#fff"
-          },
-          type: status ? "pisell2-check" : "pisell2-x-close"
-        }
-      );
-    };
-    const getTopRowLayout = () => {
-      const newButton = /* @__PURE__ */ import_react.default.createElement(
-        import_antd.Button,
-        {
-          className: "comprehensive-search__new-button",
-          onClick: handleAdd
-        },
-        newButtonText || import_utils.locales.getText("pisell2.text.new-client"),
-        /* @__PURE__ */ import_react.default.createElement(import_icon.PlusCircle, { style: { fontSize: 20 } })
-      );
-      const iconGroup = /* @__PURE__ */ import_react.default.createElement("div", { className: "comprehensive-search__icon-group" }, isShowScanner && /* @__PURE__ */ import_react.default.createElement("span", { className: "comprehensive-search__icon-button" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-Scanner" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "status-indicator" }, stautsIndicator((peripheralsStatus == null ? void 0 : peripheralsStatus.scanner) === "connected"))), isShowNFC && /* @__PURE__ */ import_react.default.createElement("span", { className: "comprehensive-search__icon-button" }, /* @__PURE__ */ import_react.default.createElement(import_materials.Iconfont, { type: "pisell2-NFC" }), /* @__PURE__ */ import_react.default.createElement("div", { className: "status-indicator" }, stautsIndicator((peripheralsStatus == null ? void 0 : peripheralsStatus.nfc) === "connected"))), isShowCamera && /* @__PURE__ */ import_react.default.createElement("span", { className: "comprehensive-search__icon-button" }, /* @__PURE__ */ import_react.default.createElement("img", { src: import_camera.default }), /* @__PURE__ */ import_react.default.createElement("div", { className: "status-indicator" }, stautsIndicator(isTerminal))));
-      return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement("div", { className: "comprehensive-search__third" }, newButtonAlign === "left" ? newButton : newButtonAlign === "right" ? iconGroup : null), /* @__PURE__ */ import_react.default.createElement("div", { className: "comprehensive-search__third" }, newButtonAlign === "center" ? newButton : null), /* @__PURE__ */ import_react.default.createElement("div", { className: "comprehensive-search__third" }, newButtonAlign === "left" ? iconGroup : newButtonAlign === "right" ? newButton : iconGroup));
-    };
-    const renderContent = () => /* @__PURE__ */ import_react.default.createElement("div", { className: "comprehensive-search", style, ...props }, /* @__PURE__ */ import_react.default.createElement("div", { className: "comprehensive-search__top-section" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "comprehensive-search__top-row" }, getTopRowLayout())), renderSearchSection(), /* @__PURE__ */ import_react.default.createElement("div", { className: "comprehensive-search__results-container" }, renderResults()));
-    return /* @__PURE__ */ import_react.default.createElement(
-      import_materials.PisellContainer,
-      {
-        renderType,
-        props: {
-          open: true,
-          cancelVisible: false,
-          bodyStyle: {
-            padding: "0px 24px 24px",
-            overflow: "hidden",
-            display: "flex",
-            flexDirection: "column"
-          },
-          width: 680,
-          onCancel: () => {
-          },
-          okButtonProps: {},
-          onOk: () => {
-          },
-          footer: null,
-          headerDivider: false,
-          className: "comprehensive-search-modal",
-          ...containerProps
-        }
-      },
-      renderContent()
-    );
-  }
-);
-var comprehensiveSearch_default = ComprehensiveSearch;

package/lib/pro/comprehensiveSearch/index.less

@@ -1,323 +0,0 @@
-.comprehensive-search {
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  flex: 1;
-  gap: 16px;
-
-  &__top-row {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-  }
-
-  // 三等分布局样式
-  &__third {
-    flex: 1;
-    display: flex;
-
-    &:first-child {
-      justify-content: flex-start;
-    }
-
-    &:nth-child(2) {
-      justify-content: center;
-    }
-
-    &:last-child {
-      justify-content: flex-end;
-    }
-  }
-
-  &__new-button {
-    display: flex;
-    align-items: center;
-    font-size: 14px;
-    font-weight: 600;
-    line-height: 20px;
-    word-wrap: break-word;
-    height: 40px;
-    color: #6941c6;
-    border-color: #e9d7fe;
-
-    &:hover {
-      background-color: #f9f5ff;
-    }
-  }
-
-  &__icon-group {
-    display: flex;
-    gap: 16px;
-    align-items: center;
-  }
-
-  &__icon-button {
-    display: inline-block;
-    width: 40px;
-    height: 40px;
-    position: relative;
-
-    .status-indicator {
-      position: absolute;
-      left: 0;
-      bottom: 0;
-      font-size: 14px;
-      line-height: 14px;
-    }
-
-    > span {
-      font-size: 40px;
-    }
-    > img {
-      width: 40px;
-      height: 40px;
-    }
-  }
-
-  &__search-row {
-    display: flex;
-    gap: 8px;
-    align-items: center;
-  }
-
-  &__search-input-wrapper {
-    flex: 1;
-    display: flex;
-    align-items: center;
-    border: 1px solid #d9d9d9;
-    border-radius: 6px;
-    background: #fff;
-    transition: border-color 0.3s;
-    padding: 4px;
-
-    &:focus-within {
-      border-color: #e9d7fe;
-      box-shadow: 0 0 0 2px #f9f5ff;
-    }
-  }
-
-  &__search-input {
-    height: 38px;
-    padding: 0 16px;
-    display: flex;
-    align-items: center;
-    border: none;
-    box-shadow: none;
-    background: transparent;
-    flex: 1;
-
-    &:focus {
-      border: none;
-      box-shadow: none;
-    }
-
-    .ant-input-prefix {
-      margin-right: 12px;
-
-      .anticon,
-      .iconfont {
-        font-size: 24px;
-        color: #5d3f9f;
-      }
-    }
-  }
-
-  &__search-camera-wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding: 0 12px;
-    border-radius: 8px;
-    border: 1px solid #7f56da;
-    background: #5d3f9f;
-    width: 38px;
-    height: 38px;
-    cursor: pointer;
-
-    &.disabled {
-      border: none;
-      background-color: #d1d5dd;
-    }
-
-    .comprehensive-search__search-camera {
-      font-size: 20px;
-      color: #fff;
-    }
-  }
-
-  &__search-button-wrapper {
-    flex: 0 0 auto;
-
-    button {
-      height: 48px;
-      padding: 0 24px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      border-radius: 8px;
-      border: 1px solid #7f56d9;
-      background: linear-gradient(
-          0deg,
-          var(---, #5d3f9f) 0%,
-          var(---, #5d3f9f) 100%
-        ),
-        #7f56d9;
-
-      box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.05);
-    }
-  }
-
-  &__results-container {
-    flex: 1;
-    display: flex;
-    flex-direction: column;
-    overflow: hidden;
-  }
-
-  &__loading {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 200px;
-    color: #666;
-    font-size: 14px;
-  }
-
-  &__empty {
-    margin: 40px 0;
-  }
-
-  &__results {
-    &--grid {
-      display: grid;
-      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-      gap: 16px;
-    }
-
-    &--list {
-      display: flex;
-      flex-direction: column;
-      gap: 8px;
-    }
-  }
-
-  &__result-item {
-    padding: 16px;
-    border: 1px solid #f0f0f0;
-    border-radius: 8px;
-    background: #fff;
-    transition: all 0.3s;
-    cursor: pointer;
-
-    &:hover {
-      border-color: #1890ff;
-      box-shadow: 0 2px 8px rgba(24, 144, 255, 0.1);
-    }
-  }
-
-  &__result-fields {
-    overflow-x: auto;
-
-    .comprehensive-search__results--list & {
-      display: flex;
-      gap: 24px;
-      min-width: max-content;
-    }
-
-    .comprehensive-search__results--grid & {
-      display: flex;
-      flex-direction: column;
-      gap: 8px;
-    }
-  }
-
-  &__result-field {
-    font-size: 13px;
-    line-height: 1.4;
-
-    .comprehensive-search__results--list & {
-      display: flex;
-      flex-direction: column;
-      min-width: 120px;
-      flex-shrink: 0;
-    }
-
-    .comprehensive-search__results--grid & {
-      display: flex;
-      margin-bottom: 6px;
-
-      &:last-child {
-        margin-bottom: 0;
-      }
-    }
-  }
-
-  &__result-field-label {
-    font-weight: 500;
-    color: #666;
-
-    .comprehensive-search__results--list & {
-      margin-bottom: 4px;
-      font-size: 12px;
-    }
-
-    .comprehensive-search__results--grid & {
-      margin-right: 8px;
-      min-width: 80px;
-      flex-shrink: 0;
-    }
-  }
-
-  &__result-field-value {
-    color: #333;
-
-    .comprehensive-search__results--list & {
-      word-break: break-word;
-      font-weight: 400;
-    }
-
-    .comprehensive-search__results--grid & {
-      word-break: break-word;
-      flex: 1;
-    }
-  }
-
-  &__result-title {
-    font-size: 16px;
-    font-weight: 500;
-    color: #262626;
-    margin-bottom: 8px;
-    line-height: 1.4;
-  }
-
-  &__result-description {
-    font-size: 14px;
-    color: #666;
-    margin-bottom: 12px;
-    line-height: 1.5;
-  }
-
-  &__result-tags {
-    display: flex;
-    flex-wrap: wrap;
-    gap: 6px;
-  }
-
-  &__result-tag {
-    display: inline-block;
-    padding: 2px 8px;
-    background: #f6f6f6;
-    color: #666;
-    font-size: 12px;
-    border-radius: 4px;
-    border: 1px solid #e8e8e8;
-  }
-}
-
-.comprehensive-search-modal {
-
-  .pisell-lowcode-modal-content {
-    height: 90vh;
-    height: 90dvh;
-  }
-}

package/lib/pro/comprehensiveSearch/locales.d.ts

@@ -1,18 +0,0 @@
-declare const _default: {
-    en: {
-        'pisell2.text.new-client': string;
-        'pisell2.comprehensive-search.placeholder': string;
-        'pisell2.comprehensive-search.empty': string;
-    };
-    'zh-CN': {
-        'pisell2.text.new-client': string;
-        'pisell2.comprehensive-search.placeholder': string;
-        'pisell2.comprehensive-search.empty': string;
-    };
-    'zh-HK': {
-        'pisell2.text.new-client': string;
-        'pisell2.comprehensive-search.placeholder': string;
-        'pisell2.comprehensive-search.empty': string;
-    };
-};
-export default _default;