@pisell/materials 6.4.7 → 6.4.9

package/lib/components/virtualInput/BaseVirtualInput/index.less

@@ -0,0 +1,78 @@
+.pisell-base-virtual-input {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  background-color: transparent;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  outline: none;
+  position: relative;
+  height: var(--virtual-input-height);
+
+  &--disabled {
+    cursor: not-allowed;
+    opacity: 0.6;
+  }
+}
+
+.pisell-base-virtual-input-placeholder {
+  color: #98a2b3;
+  font-weight: 400;
+  user-select: none;
+  position: absolute;
+  left: 0;
+  top: 0;
+  width: 100%;
+  max-width: 100%;
+  overflow: hidden;
+  pointer-events: none;
+  font-size: var(--virtual-input-font-size);
+  height: var(--virtual-input-height);
+  line-height: var(--virtual-input-height);
+}
+
+.pisell-base-virtual-input-value {
+  color: #101828;
+  font-weight: 600;
+  white-space: nowrap;
+  flex-shrink: 0;
+  // width: 100%;
+  max-width: 100%;
+  overflow-y: hidden;
+  overflow-x: auto;
+  font-size: var(--virtual-input-font-size);
+  line-height: var(--virtual-input-height);
+  height: var(--virtual-input-height);
+
+  -ms-overflow-style: none; /* IE 和 Edge */
+  scrollbar-width: none; /* Firefox */
+  &::-webkit-scrollbar {
+    display: none; /* Chrome, Safari 和 Opera */
+  }
+}
+
+.pisell-base-virtual-input-caret-container {
+  height: 100%;
+  display: flex;
+  align-items: center;
+  flex-shrink: 0;
+}
+
+.pisell-base-virtual-input-caret {
+  width: 2px;
+  height: var(--virtual-input-caret-height);
+  background-color: #1570ef;
+  border-radius: 1px;
+  animation: pisell-base-virtual-input-caret-blink 1s infinite;
+}
+
+@keyframes pisell-base-virtual-input-caret-blink {
+  0%,
+  50% {
+    opacity: 1;
+  }
+  51%,
+  100% {
+    opacity: 0;
+  }
+}

package/lib/components/virtualInput/index.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
+import './index.less';
+export { BaseVirtualInputProps, BaseVirtualInputRef } from './BaseVirtualInput';
+export interface VirtualInputProps extends BaseVirtualInputProps {
+    /** 在VirtualInput上方显示的额外内容 */
+    topContent?: React.ReactNode;
+    /** 在VirtualInput下方显示的额外内容 */
+    bottomContent?: React.ReactNode;
+    /** wrapper class */
+    wrapperClassName?: string;
+    /** 虚拟输入框包装器的样式 */
+    wrapperStyle?: React.CSSProperties;
+    /** 是否允许清除输入框中的内容 */
+    allowClear?: boolean;
+    /** 清除输入框内容的回调函数 */
+    onClear?: () => void;
+    /** 自定义清除按钮的样式 */
+    clearButtonStyle?: React.CSSProperties;
+}
+export interface VirtualInputRef extends BaseVirtualInputRef {
+}
+declare const VirtualInput: React.ForwardRefExoticComponent<VirtualInputProps & React.RefAttributes<VirtualInputRef>>;
+export default VirtualInput;

package/lib/components/virtualInput/index.js

@@ -0,0 +1,102 @@
+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/components/virtualInput/index.tsx
+var virtualInput_exports = {};
+__export(virtualInput_exports, {
+  BaseVirtualInputProps: () => import_BaseVirtualInput2.BaseVirtualInputProps,
+  BaseVirtualInputRef: () => import_BaseVirtualInput2.BaseVirtualInputRef,
+  default: () => virtualInput_default
+});
+module.exports = __toCommonJS(virtualInput_exports);
+var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var import_icon = __toESM(require("../icon"));
+var import_BaseVirtualInput = __toESM(require("./BaseVirtualInput"));
+var import_index = require("./index.less");
+var import_BaseVirtualInput2 = require("./BaseVirtualInput");
+var VirtualInput = (0, import_react.forwardRef)(
+  ({
+    topContent,
+    bottomContent,
+    wrapperStyle,
+    wrapperClassName,
+    allowClear = false,
+    onClear,
+    value,
+    clearButtonStyle,
+    ...virtualInputProps
+  }, ref) => {
+    const baseInputRef = (0, import_react.useRef)(null);
+    const handleClear = () => {
+      onClear == null ? void 0 : onClear();
+    };
+    (0, import_react.useImperativeHandle)(ref, () => ({
+      focus: () => {
+        var _a;
+        return (_a = baseInputRef.current) == null ? void 0 : _a.focus();
+      },
+      blur: () => {
+        var _a;
+        return (_a = baseInputRef.current) == null ? void 0 : _a.blur();
+      }
+    }));
+    return /* @__PURE__ */ import_react.default.createElement(
+      "div",
+      {
+        className: (0, import_classnames.default)("pisell-virtual-input-wrapper", wrapperClassName),
+        style: wrapperStyle
+      },
+      topContent,
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-virtual-input-container" }, /* @__PURE__ */ import_react.default.createElement(
+        import_BaseVirtualInput.default,
+        {
+          ref: baseInputRef,
+          value,
+          ...virtualInputProps
+        }
+      ), allowClear && /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: "pisell-virtual-input-clear-button",
+          onClick: handleClear,
+          style: clearButtonStyle
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_icon.default, { type: "pisell2-delete" })
+      )),
+      bottomContent
+    );
+  }
+);
+VirtualInput.displayName = "VirtualInput";
+var virtualInput_default = VirtualInput;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BaseVirtualInputProps,
+  BaseVirtualInputRef
+});

package/lib/components/virtualInput/index.less

@@ -0,0 +1,42 @@
+.pisell-virtual-input-wrapper {
+  overflow: hidden;
+}
+
+.pisell-virtual-input-container {
+  position: relative;
+  display: flex;
+  align-items: center;
+  width: 100%;
+}
+
+.pisell-virtual-input-clear-button {
+  position: absolute;
+  right: 8px;
+  top: 50%;
+  transform: translateY(-50%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  cursor: pointer;
+  border-radius: 4px;
+  transition: all 0.2s ease;
+  color: #667085;
+  background-color: transparent;
+  z-index: 1;
+
+  &:hover {
+    background-color: #f2f4f7;
+    color: #344054;
+  }
+
+  &:active {
+    background-color: #e4e7ec;
+  }
+
+  svg {
+    width: 16px;
+    height: 16px;
+  }
+}

package/lib/index.d.ts

@@ -140,3 +140,5 @@ export { default as SectionFooters } from './components/section-footers';
 export { default as ProductCard } from './components/productCard';
 export { default as Collapse } from './components/collapse';
 export { default as PisellGoodPassCard } from './components/pisellGoodPassCard';
+export { default as Keyboard } from './components/keyboard';
+export { default as VirtualInput } from './components/virtualInput';

package/lib/index.js

@@ -96,6 +96,7 @@ __export(src_exports, {
   InputNumber: () => import_antd.InputNumber,
   InputNumberRange: () => import_input_number_range.default,
   JsonWrapper: () => import_JsonWrapperProvider.default,
+  Keyboard: () => import_keyboard.default,
   List: () => import_list.default,
   LowCodePage: () => import_lowCodePage.default,
   Mentions: () => import_antd.Mentions,
@@ -193,6 +194,7 @@ __export(src_exports, {
   TreeSelect: () => import_tree_select.default,
   Typography: () => import_typography.default,
   Upload: () => import_upload.default,
+  VirtualInput: () => import_virtualInput.default,
   VirtualKeyboard: () => import_virtual_keyboard.default,
   VirtualKeyboardTime: () => import_Time.default,
   WalletCard: () => import_walletCard.default,
@@ -344,6 +346,8 @@ var import_section_footers = __toESM(require("./components/section-footers"));
 var import_productCard = __toESM(require("./components/productCard"));
 var import_collapse = __toESM(require("./components/collapse"));
 var import_pisellGoodPassCard = __toESM(require("./components/pisellGoodPassCard"));
+var import_keyboard = __toESM(require("./components/keyboard"));
+var import_virtualInput = __toESM(require("./components/virtualInput"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Affix,
@@ -413,6 +417,7 @@ var import_pisellGoodPassCard = __toESM(require("./components/pisellGoodPassCard
   InputNumber,
   InputNumberRange,
   JsonWrapper,
+  Keyboard,
   List,
   LowCodePage,
   Mentions,
@@ -510,6 +515,7 @@ var import_pisellGoodPassCard = __toESM(require("./components/pisellGoodPassCard
   TreeSelect,
   Typography,
   Upload,
+  VirtualInput,
   VirtualKeyboard,
   VirtualKeyboardTime,
   WalletCard,

package/lib/locales/en-US.d.ts

@@ -279,6 +279,7 @@ declare const _default: {
     'pisell-wallet-pass-card-status-expired': string;
     'pisell-wallet-pass-card-status-disabled': string;
     'pisell-wallet-pass-card-status-conflict': string;
+    'pisell-wallet-pass-card-status-lastPayment': string;
     'pisell-wallet-pass-card-reset': string;
     'pisell-wallet-pass-card-done': string;
 };

package/lib/locales/en-US.js

@@ -333,6 +333,7 @@ var en_US_default = {
   "pisell-wallet-pass-card-status-expired": "Expired",
   "pisell-wallet-pass-card-status-disabled": "Disabled",
   "pisell-wallet-pass-card-status-conflict": "Conflict",
+  "pisell-wallet-pass-card-status-lastPayment": "Last Payment",
   "pisell-wallet-pass-card-reset": "Reset",
   "pisell-wallet-pass-card-done": "Done"
 };

package/lib/locales/zh-CN.d.ts

@@ -274,6 +274,7 @@ declare const _default: {
     'pisell-wallet-pass-card-status-expired': string;
     'pisell-wallet-pass-card-status-disabled': string;
     'pisell-wallet-pass-card-status-conflict': string;
+    'pisell-wallet-pass-card-status-lastPayment': string;
     'pisell-wallet-pass-card-reset': string;
     'pisell-wallet-pass-card-done': string;
 };

package/lib/locales/zh-CN.js

@@ -324,6 +324,7 @@ var zh_CN_default = {
   "pisell-wallet-pass-card-status-expired": "已过期",
   "pisell-wallet-pass-card-status-disabled": "已禁用",
   "pisell-wallet-pass-card-status-conflict": "冲突",
+  "pisell-wallet-pass-card-status-lastPayment": "上次结算",
   "pisell-wallet-pass-card-reset": "清空",
   "pisell-wallet-pass-card-done": "保存"
 };

package/lib/locales/zh-TW.d.ts

@@ -274,6 +274,7 @@ declare const _default: {
     'pisell-wallet-pass-card-status-expired': string;
     'pisell-wallet-pass-card-status-disabled': string;
     'pisell-wallet-pass-card-status-conflict': string;
+    'pisell-wallet-pass-card-status-lastPayment': string;
     'pisell-wallet-pass-card-reset': string;
     'pisell-wallet-pass-card-done': string;
 };

package/lib/locales/zh-TW.js

@@ -325,6 +325,7 @@ var zh_TW_default = {
   "pisell-wallet-pass-card-status-expired": "已過期",
   "pisell-wallet-pass-card-status-disabled": "已禁用",
   "pisell-wallet-pass-card-status-conflict": "衝突",
+  "pisell-wallet-pass-card-status-lastPayment": "上次結算",
   "pisell-wallet-pass-card-reset": "清空",
   "pisell-wallet-pass-card-done": "保存"
 };

package/lib/utils/platform.d.ts

@@ -1 +1 @@
-export declare const isMobile: () => any;
+export declare const isMobile: () => boolean;

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

@@ -3050,6 +3050,132 @@ const dataSourceTable = {
         },
       ],
     },
+
+    {
+      type: 'group',
+      title: {
+        type: 'i18n',
+        'en-US': 'Other',
+        'zh-CN': '其他',
+      },
+      display: 'accordion',
+      items: [
+        {
+          title: "本地记忆",
+          display: "block",
+          type: "group",
+          items: [
+            {
+              name: "localSettings.enable",
+              title: {
+                label: {
+                  type: 'i18n',
+                  'en-US': 'Enable settings memory',
+                  'zh-CN': '启用设置记忆',
+                  'zh-HK': '啟用設置記憶',
+                },
+                tip: {
+                  type: 'i18n',
+                  'en-US': 'Automatically save and restore table settings',
+                  'zh-CN': '自动保存和恢复表格设置',
+                  'zh-HK': '自動保存和恢復表格設置',
+                },
+              },
+              propType: "bool",
+              setter: "BoolSetter",
+              defaultValue: true,
+            },
+            {
+              name: "localSettings.scope",
+              title: {
+                label: {
+                  type: 'i18n',
+                  'en-US': 'Memory scope',
+                  'zh-CN': '记忆范围',
+                  'zh-HK': '記憶範圍',
+                },
+                tip: {
+                  type: 'i18n',
+                  'en-US': 'Choose which settings to remember',
+                  'zh-CN': '选择要记忆的设置项',
+                  'zh-HK': '選擇要記憶的設置項',
+                },
+              },
+              condition: {
+                type: "JSFunction",
+                value: 'target => !!target.getProps().getPropValue("localSettings.enable")',
+              },
+              setter: {
+                componentName: "SelectSetter",
+                props: {
+                  mode: "multiple",
+                  options: [
+                    { title: '筛选', value: "filters" },
+                    { title: '排序', value: "sorting" },
+                    { title: '列配置', value: "columns" },
+                  ],
+                },
+              },
+              defaultValue: ["filters", "sorting", "columns"],
+            },
+            {
+              name: "localSettings.excludedFilterFields",
+              title: {
+                label: {
+                  type: 'i18n',
+                  'en-US': 'Excluded filter fields',
+                  'zh-CN': '筛选排除字段',
+                  'zh-HK': '篩選排除字段',
+                },
+                tip: {
+                  type: 'i18n',
+                  'en-US': 'Filter fields that should not be remembered',
+                  'zh-CN': '不需要记忆的筛选字段',
+                  'zh-HK': '不需要記憶的篩選字段',
+                },
+              },
+              condition: {
+                type: "JSFunction",
+                value: 'target => { const enable = !!target.getProps().getPropValue("localSettings.enable"); const scope = target.getProps().getPropValue("localSettings.scope") || []; return enable && Array.isArray(scope) && scope.includes("filters"); }',
+              },
+              setter: {
+                componentName: "SelectSetter",
+                props: (target: any) => {
+                  const filterList = (target.parent.parent.getPropValue("filter.items") || []) as any[];
+
+
+                  const searchDetail = target.parent.parent.getPropValue("search");
+
+                  if (searchDetail && searchDetail.show) {
+                    filterList.unshift({
+                      label: "搜索",
+                      value: searchDetail.key || "_keywords",
+                      isHidden: false,
+                    });
+                  }
+
+                  return {
+                    mode: "multiple",
+                    options: filterList
+                      .map((item: any) => ({
+                        title:
+                          (item && (typeof item.label === 'string' ? item.label : item.label?.["zh-CN"] || item.label?.["zh-HK"] || item.label?.en)) ||
+                          item?.key ||
+                          item?.columnKey ||
+                          "",
+                        value: item?.value || "",
+                        isHidden: item?.isHidden,
+                      }))
+                      .filter((opt: any) => opt.value && !opt.isHidden),
+                  };
+                },
+              },
+            },
+          ],
+        },
+
+      ],
+    },
   ],
   configure: {
     props: [
@@ -4536,6 +4662,119 @@ const dataSourceTable = {
           },
         ],
       },
+      {
+        title: "本地记忆",
+        display: "block",
+        type: "group",
+        items: [
+          {
+            name: "localSettings.enable",
+            title: {
+              label: {
+                type: 'i18n',
+                'en-US': 'Enable settings memory',
+                'zh-CN': '启用设置记忆',
+                'zh-HK': '啟用設置記憶',
+              },
+              tip: {
+                type: 'i18n',
+                'en-US': 'Automatically save and restore table settings',
+                'zh-CN': '自动保存和恢复表格设置',
+                'zh-HK': '自動保存和恢復表格設置',
+              },
+            },
+            propType: "bool",
+            setter: "BoolSetter",
+            defaultValue: true,
+          },
+          {
+            name: "localSettings.scope",
+            title: {
+              label: {
+                type: 'i18n',
+                'en-US': 'Memory scope',
+                'zh-CN': '记忆范围',
+                'zh-HK': '記憶範圍',
+              },
+              tip: {
+                type: 'i18n',
+                'en-US': 'Choose which settings to remember',
+                'zh-CN': '选择要记忆的设置项',
+                'zh-HK': '選擇要記憶的設置項',
+              },
+            },
+            condition: {
+              type: "JSFunction",
+              value: 'target => !!target.getProps().getPropValue("localSettings.enable")',
+            },
+            setter: {
+              componentName: "SelectSetter",
+              props: {
+                mode: "multiple",
+                options: [
+                  { title: '筛选', value: "filters" },
+                  { title: '排序', value: "sorting" },
+                  { title: '列配置', value: "columns" },
+                ],
+              },
+            },
+            defaultValue: ["filters", "sorting", "columns"],
+          },
+          {
+            name: "localSettings.excludedFilterFields",
+            title: {
+              label: {
+                type: 'i18n',
+                'en-US': 'Excluded filter fields',
+                'zh-CN': '筛选排除字段',
+                'zh-HK': '篩選排除字段',
+              },
+              tip: {
+                type: 'i18n',
+                'en-US': 'Filter fields that should not be remembered',
+                'zh-CN': '不需要记忆的筛选字段',
+                'zh-HK': '不需要記憶的篩選字段',
+              },
+            },
+            condition: {
+              type: "JSFunction",
+              value: 'target => { const enable = !!target.getProps().getPropValue("localSettings.enable"); const scope = target.getProps().getPropValue("localSettings.scope") || []; return enable && Array.isArray(scope) && scope.includes("filters"); }',
+            },
+            setter: {
+              componentName: "SelectSetter",
+              props: (target: any) => {
+                const filterList = (target.parent.parent.getPropValue("filter.items") || []) as any[];
+
+
+                const searchDetail = target.parent.parent.getPropValue("search");
+
+                if (searchDetail && searchDetail.show) {
+                  filterList.unshift({
+                    label: "搜索",
+                    value: searchDetail.key || "_keywords",
+                    isHidden: false,
+                  });
+                }
+
+                return {
+                  mode: "multiple",
+                  options: filterList
+                    .map((item: any) => ({
+                      title:
+                        (item && (typeof item.label === 'string' ? item.label : item.label?.["zh-CN"] || item.label?.["zh-HK"] || item.label?.en)) ||
+                        item?.key ||
+                        item?.columnKey ||
+                        "",
+                      value: item?.value || "",
+                      isHidden: item?.isHidden,
+                    }))
+                    .filter((opt: any) => opt.value && !opt.isHidden),
+                };
+              },
+            },
+          },
+        ],
+      },
       {
         title: { label: '列配置', tip: '表格的列配置' },
         display: 'block',