@pisell/materials 1.0.999 → 1.0.1001

package/lib/components/dataSourceComponents/fields/ColorPicker/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ColorPickerProps } from './type';
 import './ReadPretty.less';
 declare const ColorPickerReadPretty: (props: ColorPickerProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/DateRangePicker/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DateRangePickerProps } from './type';
 import './ReadPretty.less';
 declare const DateRangePickerReadPretty: (props: DateRangePickerProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/IconSelect/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { IconSelectProps } from './type';
 import './ReadPretty.less';
 declare const IconSelectReadPretty: (props: IconSelectProps) => JSX.Element | null;

package/lib/components/dataSourceComponents/fields/Input/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
 declare const InputReadPretty: (props: InputProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Input.Email/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
 declare const InputReadPretty: (props: InputProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Input.Json/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { JsonProps } from "./type";
 import "./ReadPretty.less";
 declare const JsonReadPretty: (props: JsonProps) => JSX.Element | null;

package/lib/components/dataSourceComponents/fields/Input.Password/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { PasswordProps } from './type';
 import './ReadPretty.less';
 declare const PasswordReadPretty: (props: PasswordProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Input.Subdomain/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { InputProps } from './type';
 import './ReadPretty.less';
 declare const InputReadPretty: (props: InputProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Input.TextArea/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TextAreaProps } from "./type";
 import "./ReadPretty.less";
 declare const TextAreaReadPretty: (props: TextAreaProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Input.Url/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UrlProps } from './type';
 import './ReadPretty.less';
 export declare const formatUrl: (url: string) => string;

package/lib/components/dataSourceComponents/fields/Select/index.d.ts

@@ -1,6 +1,7 @@
+/// <reference types="react" />
 declare const SelectWithDataSource: (props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../../dataSourceForm/utils").WithModeProps & import("../../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
+    optionSourceType?: "custom" | "default" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;

package/lib/components/dataSourceComponents/fields/TimePicker/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TimePickerProps } from './type';
 import './ReadPretty.less';
 declare const TimePickerReadPretty: (props: TimePickerProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/Translation/ReadPretty.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TranslationProps } from './type';
 import './ReadPretty.less';
 declare const TranslationReadPretty: (props: TranslationProps) => JSX.Element;

package/lib/components/dataSourceComponents/fields/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const formFieldMap: {
     FormItemCheckbox: import("react").FC<{}> & {
         Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -34,7 +35,7 @@ declare const formFieldMap: {
     };
     FormItemSelect: (props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
         options?: any;
-        optionSourceType?: "default" | "custom" | "api" | undefined;
+        optionSourceType?: "custom" | "default" | "api" | undefined;
         labelField: string;
         valueField: string;
         extraParams?: Record<string, any> | undefined;
@@ -59,13 +60,11 @@ declare const formFieldMap: {
     FormItemTranslation: import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemIconSelect: import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 };
-declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | import("react").FC<import("./DatePicker").DataSourceDatePickerProps> | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DatePicker").DataSourceDatePickerProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
-    onChange: (value: string) => void;
-} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
+}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
     JSON: import("react").FC<any>;
     Password: import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     TextArea: import("react").FC<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
@@ -85,17 +84,19 @@ declare const getFieldComponent: (fieldComponent: string) => import("react").FC<
         name?: string | undefined;
         fieldKey?: string | undefined;
     } & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
-}) | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | (import("react").FC<{}> & {
+}) | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 }) | ((props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
+    optionSourceType?: "custom" | "default" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;
 } & {
     dataSource?: any;
-}) => JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
+}) => JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
+    onChange: (value: string) => void;
+} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
 export { getFieldComponent, formFieldMap };

package/lib/components/dataSourceComponents/hooks/useFormSettingParams.d.ts

@@ -0,0 +1,7 @@
+declare const useFormSettingParams: () => {
+    businessCode: any;
+    channelCode: any;
+    scope: string;
+    target: any;
+};
+export default useFormSettingParams;

package/lib/components/dataSourceComponents/hooks/useFormSettingParams.js

@@ -0,0 +1,61 @@
+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/dataSourceComponents/hooks/useFormSettingParams.ts
+var useFormSettingParams_exports = {};
+__export(useFormSettingParams_exports, {
+  default: () => useFormSettingParams_default
+});
+module.exports = __toCommonJS(useFormSettingParams_exports);
+var import_useEngineContext = __toESM(require("../../../hooks/useEngineContext"));
+var scopeMap = {
+  saas: "saas",
+  org: "organization",
+  biz: "business",
+  channel: "channel",
+  board: "board"
+};
+var useFormSettingParams = () => {
+  var _a, _b;
+  const context = (0, import_useEngineContext.default)();
+  const { getApp } = (_a = context.appHelper) == null ? void 0 : _a.utils;
+  const app = getApp == null ? void 0 : getApp();
+  const params = (_b = app == null ? void 0 : app.history) == null ? void 0 : _b.useParams();
+  const businessCode = (params == null ? void 0 : params.businessCode) || (params == null ? void 0 : params.business_code);
+  const channelCode = (params == null ? void 0 : params.channelCode) || (params == null ? void 0 : params.channel_code);
+  const scope = scopeMap[params == null ? void 0 : params.scope];
+  const originTarget = businessCode && channelCode ? `${businessCode}+${channelCode}` : businessCode || channelCode;
+  const target = ["organization", "saas"].includes(scope) ? void 0 : originTarget;
+  return {
+    businessCode,
+    channelCode,
+    scope,
+    target
+  };
+};
+var useFormSettingParams_default = useFormSettingParams;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FilterProps } from "./types";
 declare const Filter: (props: FilterProps) => JSX.Element | null;
 export default Filter;

package/lib/components/keyboard/index.js

@@ -135,6 +135,9 @@ var Keyboard = (props) => {
     if (key === "keydown") {
       key = "+";
     }
+    if (key === "Backspace") {
+      key = "delete";
+    }
     if (list.includes(key)) {
       onChange == null ? void 0 : onChange(key);
     }

package/lib/components/pisellNavigationMenu/PisellNavigationMenu.js

@@ -114,6 +114,10 @@ var PisellNavigationMenu = ({
         text: (0, import_locales.getText)("pisell-lowcode-navigation-menu-tag-pisell1"),
         color: "#ee837a"
       },
+      dynamicRoute: {
+        text: (0, import_locales.getText)("pisell-lowcode-navigation-menu-tag-dynamic-route"),
+        color: "#ffc53d"
+      },
       group: {
         text: (0, import_locales.getText)("pisell-lowcode-navigation-menu-tag-group"),
         color: "#7f56d9"

package/lib/components/productCard/components/Packages/utils.d.ts

@@ -17,4 +17,4 @@ export declare const minusSign: (item: any, type?: string) => "" | "-";
  * @Author: WangHan
  * @Date: 2024-11-22 10:58
  */
-export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => any;
+export declare const _formatAmount: (price?: number, amountSymbol?: string, digit?: number) => string | number;

package/lib/components/table/Gallery/components/VirtualGrid/useGapSize.d.ts

@@ -1,5 +1,5 @@
 declare const useGapSize: (gap: number | number[]) => {
-    horizontal: any;
-    vertical: any;
+    horizontal: number;
+    vertical: number;
 };
 export default useGapSize;

package/lib/components/table/Table/fields/index.d.ts

@@ -197,12 +197,12 @@ export declare const fieldList: ({
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: string;
+    default_value: boolean;
 } | {
     field_icon: string;
     field_name: string;
     field_type: string;
-    default_value: boolean;
+    default_value: string;
 } | {
     field_icon: string;
     field_name: string;

package/lib/components/table/Table/fields/select/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[];
     key: string | string[];
     item: Record<string, any>;
-}): any;
+}): boolean;

package/lib/components/table/Table/fields/text/Show/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { FieldPropsType } from "../../types";
 import "./index.less";
 declare const Show: (props: FieldPropsType) => JSX.Element;

package/lib/components/table/Table/fields/treeSelect/filterUtil/index.d.ts

@@ -2,4 +2,4 @@ export default function ({ value, key, item, }: {
     value: string | string[] | Record<string, any>[];
     key: string | string[];
     item: Record<string, any>;
-}): any;
+}): boolean;

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

@@ -51,7 +51,8 @@ var BaseVirtualInput = (0, import_react.forwardRef)(
       className,
       preventBlurElements = [],
       focused,
-      showCursor = true
+      showCursor = true,
+      selected = false
     } = props;
     const [localFocused, setLocalFocused] = (0, import_react.useState)(focused ?? autoFocus);
     const internalFocused = "focused" in props ? props.focused : localFocused;
@@ -133,15 +134,18 @@ var BaseVirtualInput = (0, import_react.forwardRef)(
       "--virtual-input-font-size": `${baseFontSize}px`
     };
     const showPlaceholder = value === void 0 || value === "";
+    const shouldShowCursor = internalFocused && !disabled && showCursor && !selected;
     return /* @__PURE__ */ import_react.default.createElement(
       "div",
       {
         ref: containerRef,
         className: (0, import_classnames.default)(
           "pisell-base-virtual-input",
+          `pisell-base-virtual-input--${props == null ? void 0 : props.textAlign}`,
           {
             "pisell-base-virtual-input--focused": internalFocused,
-            "pisell-base-virtual-input--disabled": disabled
+            "pisell-base-virtual-input--disabled": disabled,
+            "pisell-base-virtual-input--selected": selected && !!value
           },
           className
         ),
@@ -151,7 +155,10 @@ var BaseVirtualInput = (0, import_react.forwardRef)(
       showPlaceholder && /* @__PURE__ */ import_react.default.createElement(
         import_auto_resize_text.default,
         {
-          className: "pisell-base-virtual-input-placeholder",
+          className: (0, import_classnames.default)("pisell-base-virtual-input-placeholder", {
+            "pisell-base-virtual-input-placeholder--end": (props == null ? void 0 : props.textAlign) === "end",
+            "pisell-base-virtual-input-placeholder--center": (props == null ? void 0 : props.textAlign) === "center"
+          }),
           mode: "oneline",
           minFontSizePx: minFontSize,
           maxFontSizePx: maxFontSize,
@@ -162,7 +169,9 @@ var BaseVirtualInput = (0, import_react.forwardRef)(
       !!value && /* @__PURE__ */ import_react.default.createElement(
         import_auto_resize_text.default,
         {
-          className: "pisell-base-virtual-input-value",
+          className: (0, import_classnames.default)("pisell-base-virtual-input-value", {
+            "pisell-base-virtual-input-value--selected": selected
+          }),
           mode: "oneline",
           minFontSizePx: minFontSize,
           maxFontSizePx: maxFontSize,
@@ -171,7 +180,7 @@ var BaseVirtualInput = (0, import_react.forwardRef)(
         },
         value
       ),
-      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-base-virtual-input-caret-container" }, internalFocused && !disabled && showCursor && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-base-virtual-input-caret" }))
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-base-virtual-input-caret-container" }, shouldShowCursor && /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-base-virtual-input-caret" }))
     );
   }
 );

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

@@ -1,5 +1,5 @@
 .pisell-base-virtual-input {
-  width: 100%;
+  overflow: hidden;
   display: flex;
   align-items: center;
   background-color: transparent;
@@ -8,11 +8,20 @@
   outline: none;
   position: relative;
   height: var(--virtual-input-height);
+  user-select: none;
 
   &--disabled {
     cursor: not-allowed;
     opacity: 0.6;
   }
+
+  &--center {
+    justify-content: center;
+  }
+
+  &--end {
+    justify-content: flex-end;
+  }
 }
 
 .pisell-base-virtual-input-placeholder {
@@ -22,20 +31,27 @@
   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);
+
+  &--end {
+    text-align: right;
+  }
+
+  &--center {
+    text-align: center;
+  }
 }
 
 .pisell-base-virtual-input-value {
+  padding-left: 2px;
   font-weight: 600;
   white-space: nowrap;
   flex-shrink: 0;
-  // width: 100%;
   max-width: 100%;
   overflow-y: hidden;
   overflow-x: auto;
@@ -60,7 +76,7 @@
 .pisell-base-virtual-input-caret {
   width: 2px;
   height: var(--virtual-input-caret-height);
-  background-color: #1570ef;
+  background-color: var(--theme-color, #7f56d9);
   border-radius: 1px;
   animation: pisell-base-virtual-input-caret-blink 1s infinite;
 }
@@ -75,3 +91,25 @@
     opacity: 0;
   }
 }
+
+// 选中状态样式
+.pisell-base-virtual-input--selected {
+  .pisell-base-virtual-input-value--selected {
+    position: relative;
+    z-index: 0;
+    color: white;
+
+    &::before {
+      content: '';
+      position: absolute;
+      top: 50%;
+      left: -2px;
+      right: -1px;
+      transform: translateY(-50%);
+      height: 1.2em;
+      background-color: var(--theme-color, #7f56d9);
+      pointer-events: none;
+      z-index: -1;
+    }
+  }
+}

package/lib/components/virtualInput/index.js

@@ -29,6 +29,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // 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);
@@ -37,6 +39,7 @@ 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,
@@ -46,7 +49,7 @@ var VirtualInput = (0, import_react.forwardRef)(
     allowClear = false,
     onClear,
     value,
-    clearButtonStyle,
+    clearButtonStyle = {},
     ...virtualInputProps
   }, ref) => {
     const baseInputRef = (0, import_react.useRef)(null);
@@ -70,7 +73,17 @@ var VirtualInput = (0, import_react.forwardRef)(
         style: wrapperStyle
       },
       topContent,
-      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-virtual-input-container" }, /* @__PURE__ */ import_react.default.createElement(
+      /* @__PURE__ */ import_react.default.createElement("div", { className: "pisell-virtual-input-container" }, allowClear && /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: "pisell-virtual-input-clear-button",
+          style: {
+            ...clearButtonStyle,
+            visibility: "hidden"
+          }
+        },
+        /* @__PURE__ */ import_react.default.createElement(import_icon.default, { type: "pisell2-delete" })
+      ), /* @__PURE__ */ import_react.default.createElement(
         import_BaseVirtualInput.default,
         {
           ref: baseInputRef,
@@ -92,3 +105,8 @@ var VirtualInput = (0, import_react.forwardRef)(
 );
 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

@@ -7,36 +7,17 @@
   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;
+  .pisell-virtual-input-clear-button {
+    height: 100%;
+    cursor: pointer;
+    border-radius: 4px;
+    transition: all 0.2s ease;
+    color: #000000;
+    background-color: transparent;
+    z-index: 1;
+    flex-shrink: 0;
+    font-size: 24px;
+    padding: 4px;
   }
 }

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

@@ -148,6 +148,7 @@ declare const _default: {
     'pisell-record-view-available': string;
     'pisell-record-view-unavailable': string;
     'pisell-data-source-form-required-message': string;
+    'pisell-data-source-form-scope-message': string;
     'pisell-data-source-form-email-message': string;
     'pisell-data-source-form-domain-message': string;
     'pisell-data-source-form-url-message': string;
@@ -236,6 +237,7 @@ declare const _default: {
     'pisell-lowcode-navigation-menu-tag-base': string;
     'pisell-lowcode-navigation-menu-tag-proCode': string;
     'pisell-lowcode-navigation-menu-tag-pisell1': string;
+    'pisell-lowcode-navigation-menu-tag-dynamic-route': string;
     'pisell-lowcode-navigation-menu-tag-group': string;
     'pisell-lowcode-navigation-menu-tag-sub-menu': string;
     'pisell-lowcode-navigation-menu-tag-custom': string;

package/lib/locales/en-US.js

@@ -183,6 +183,7 @@ var en_US_default = {
   "pisell-record-view-available": "Available",
   "pisell-record-view-unavailable": "No available",
   "pisell-data-source-form-required-message": "This field is required",
+  "pisell-data-source-form-scope-message": "Scope not specified for settings in URL params",
   "pisell-data-source-form-email-message": "Please enter a valid email address",
   "pisell-data-source-form-domain-message": "Please enter a valid domain",
   "pisell-data-source-form-url-message": "Please enter a valid URL",
@@ -283,6 +284,7 @@ var en_US_default = {
   "pisell-lowcode-navigation-menu-tag-base": "Base",
   "pisell-lowcode-navigation-menu-tag-proCode": "Pro code",
   "pisell-lowcode-navigation-menu-tag-pisell1": "Pisell 1.0",
+  "pisell-lowcode-navigation-menu-tag-dynamic-route": "Dynamic route",
   "pisell-lowcode-navigation-menu-tag-group": "Group",
   "pisell-lowcode-navigation-menu-tag-sub-menu": "Submenu",
   "pisell-lowcode-navigation-menu-tag-custom": "Custom",

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

@@ -148,6 +148,7 @@ declare const _default: {
     'pisell-record-view-available': string;
     'pisell-record-view-unavailable': string;
     'pisell-data-source-form-required-message': string;
+    'pisell-data-source-form-scope-message': string;
     'pisell-data-source-form-email-message': string;
     'pisell-data-source-form-domain-message': string;
     'pisell-data-source-form-url-message': string;
@@ -235,6 +236,7 @@ declare const _default: {
     'pisell-lowcode-navigation-menu-tag-base': string;
     'pisell-lowcode-navigation-menu-tag-proCode': string;
     'pisell-lowcode-navigation-menu-tag-pisell1': string;
+    'pisell-lowcode-navigation-menu-tag-dynamic-route': string;
     'pisell-lowcode-navigation-menu-tag-group': string;
     'pisell-lowcode-navigation-menu-tag-sub-menu': string;
     'pisell-lowcode-navigation-menu-tag-custom': string;

package/lib/locales/zh-CN.js

@@ -182,6 +182,7 @@ var zh_CN_default = {
   "pisell-record-view-available": "可用",
   "pisell-record-view-unavailable": "不可用",
   "pisell-data-source-form-required-message": "该字段为必填项",
+  "pisell-data-source-form-scope-message": "未指定设置的scope参数",
   "pisell-data-source-form-email-message": "请输入有效的电子邮件地址",
   "pisell-data-source-form-domain-message": "请输入有效的域名",
   "pisell-data-source-form-url-message": "请输入正确的网址",
@@ -280,6 +281,7 @@ var zh_CN_default = {
   "pisell-lowcode-navigation-menu-tag-base": "基础",
   "pisell-lowcode-navigation-menu-tag-proCode": "Pro code",
   "pisell-lowcode-navigation-menu-tag-pisell1": "Pisell 1.0",
+  "pisell-lowcode-navigation-menu-tag-dynamic-route": "动态路由",
   "pisell-lowcode-navigation-menu-tag-group": "分组",
   "pisell-lowcode-navigation-menu-tag-sub-menu": "子菜单",
   "pisell-lowcode-navigation-menu-tag-custom": "自定义",

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

@@ -148,6 +148,7 @@ declare const _default: {
     'pisell-record-view-available': string;
     'pisell-record-view-unavailable': string;
     'pisell-data-source-form-required-message': string;
+    'pisell-data-source-form-scope-message': string;
     'pisell-data-source-form-email-message': string;
     'pisell-data-source-form-domain-message': string;
     'pisell-data-source-form-url-message': string;
@@ -235,6 +236,7 @@ declare const _default: {
     'pisell-lowcode-navigation-menu-tag-base': string;
     'pisell-lowcode-navigation-menu-tag-proCode': string;
     'pisell-lowcode-navigation-menu-tag-pisell1': string;
+    'pisell-lowcode-navigation-menu-tag-dynamic-route': string;
     'pisell-lowcode-navigation-menu-tag-group': string;
     'pisell-lowcode-navigation-menu-tag-sub-menu': string;
     'pisell-lowcode-navigation-menu-tag-custom': string;