@pisell/materials 3.3.82 → 3.3.84

package/lib/theme/tokens.js

@@ -0,0 +1,268 @@
+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/theme/tokens.ts
+var tokens_exports = {};
+__export(tokens_exports, {
+  getComponentsToken: () => getComponentsToken,
+  getGlobalToken: () => getGlobalToken,
+  getThemeConfig: () => getThemeConfig
+});
+module.exports = __toCommonJS(tokens_exports);
+function getComponentsToken() {
+  return {
+    Table: {
+      colorFillContent: "#EAECF0",
+      colorFillSecondary: "#F2F4F7",
+      colorBorderSecondary: "#EAECF0",
+      colorFillAlter: "#F9FAFB",
+      controlItemBgHover: "#F9FAFB",
+      colorTextHeading: "#475467",
+      colorTextDescription: "#667085",
+      colorText: "#101828",
+      controlHeight: 32,
+      padding: 24,
+      margin: 16
+    },
+    Message: {
+      contentBg: "#101828"
+    },
+    Button: {
+      borderRadiusSM: 6,
+      borderRadiusLG: 9,
+      borderRadius: 8,
+      controlHeight: 36,
+      colorBgContainerDisabled: "#F2F4F7",
+      colorBgTextHover: "#F9FAFB",
+      colorBorder: "#D0D5DD",
+      colorError: "#D92D20",
+      colorErrorActive: "#D92D20",
+      colorErrorHover: "#B42318",
+      colorErrorBg: "#FEF3F2",
+      colorErrorBorderHover: "#FDA29B",
+      colorErrorOutline: "rgba(217, 45, 32, 0.06)",
+      colorLink: "#7F56DA",
+      colorLinkActive: "#5F3DA8",
+      colorLinkHover: "#6D48C4",
+      colorText: "#344054",
+      colorTextDisabled: "#D0D5DD",
+      colorTextLightSolid: "#fff",
+      colorBgTextActive: "#D0D5DD",
+      controlOutline: "rgba(127, 86, 217, 0.04)",
+      controlTmpOutline: "#F9FAFB",
+      paddingContentHorizontal: 14,
+      marginXS: 8
+    },
+    Divider: {
+      colorSplit: "#EAECF0"
+    },
+    Breadcrumb: {
+      itemColor: "#475467",
+      colorTextDescription: "#475467",
+      separatorMargin: 12,
+      separatorColor: "#D0D5DD",
+      linkHoverColor: "#1D2939",
+      linkColor: "#475467",
+      colorBgTextHover: "#F9FAFB",
+      paddingXXS: 8
+    },
+    Dropdown: {
+      borderRadiusLG: 8,
+      controlHeight: 42,
+      fontSize: 14
+      // // 下拉框阴影（Figma: Shadow/lg）
+      // boxShadowSecondary:
+      //   '0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08)',
+    },
+    DatePicker: {
+      borderRadius: 8,
+      colorTextPlaceholder: "#667085",
+      colorIcon: "#667085",
+      colorTextQuaternary: "#D0D5DD",
+      colorBgContainerDisabled: "#F9FAFB",
+      colorTextDisabled: "#98A2B3"
+    },
+    Input: {
+      // // 基础样式（基于 Figma 设计规范）
+      // fontSizeIcon: 16,
+      // fontSize: 16,
+      // lineHeight: 1.5, // 24px / 16px = 1.5
+      // addonBg: '#fff',
+      //
+      // // 边框和圆角
+      // borderRadius: 8,
+      // colorBorder: '#D0D5DD', // Gray/300
+      //
+      // // 内边距（Figma: 16px 12px）
+      // paddingBlock: 12,
+      // paddingInline: 16,
+      // controlHeight: 48, // 12px + 24px + 12px = 48px
+      //
+      // // 颜色
+      // colorText: '#101828', // Gray/900 - 输入文本
+      // colorTextPlaceholder: '#667085', // Gray/500 - 占位符
+      // colorBgContainer: '#FFFFFF', // 背景色
+      //
+      // // 禁用态
+      // colorBgContainerDisabled: '#F9FAFB', // Gray/50
+      // colorTextDisabled: '#98A2B3', // Gray/400
+      //
+      // // 注意：TextArea 的水平内边距比 Input 小2px (14px vs 16px)
+      // // 在各组件的 Less 文件中单独设置
+    },
+    InputNumber: {
+      // // 基础样式（与 Input 保持一致，基于 Figma 设计规范）
+      // fontSize: 16,
+      // lineHeight: 1.5, // 24px / 16px = 1.5
+      //
+      // // 边框和圆角
+      // borderRadius: 8,
+      // colorBorder: '#D0D5DD', // Gray/300
+      //
+      // // 内边距（Figma: 16px 12px）
+      // paddingBlock: 12,
+      // paddingInline: 16,
+      // controlHeight: 48, // 12px + 24px + 12px = 48px
+      //
+      // // 颜色
+      // colorText: '#101828', // Gray/900 - 输入文本
+      // colorTextPlaceholder: '#667085', // Gray/500 - 占位符
+      // colorBgContainer: '#FFFFFF', // 背景色
+      //
+      // // 禁用态
+      // colorBgContainerDisabled: '#F9FAFB', // Gray/50
+      // colorTextDisabled: '#98A2B3', // Gray/400
+      //
+      // // 控制按钮（步进器）
+      // handleVisible: true, // 显示增减按钮
+      // handleBg: '#FFFFFF',
+      // handleHoverColor: '#7F56DA', // 悬停颜色使用主色
+      // handleBorderColor: '#D0D5DD',
+    },
+    Select: {
+      // // 基础样式（Figma 设计规范）
+      // fontSizeIcon: 16,
+      // fontSize: 16,
+      // lineHeight: 1.5,
+      //
+      // // 边框和圆角（Figma: 8px 圆角，#D0D5DD 边框）
+      // borderRadius: 8,
+      // colorBorder: '#D0D5DD', // Gray/300
+      //
+      // // 高度和内边距（Figma: 48px 高度，16px 水平内边距）
+      // controlHeight: 48,
+      // controlPaddingHorizontal: 16,
+      //
+      // // 颜色（Figma 设计规范）
+      // colorText: '#101828', // Gray/900 - 选中文本
+      // colorTextPlaceholder: '#667085', // Gray/500 - 占位符
+      // colorBgContainer: '#FFFFFF', // Base/White - 背景
+      //
+      // // 禁用态
+      // colorBgContainerDisabled: '#F9FAFB', // Gray/50
+      // colorTextDisabled: '#98A2B3', // Gray/400
+      //
+      // // 聚焦态（Figma: Primary/300 边框，Primary/100 阴影）
+      // colorPrimaryBorder: '#D6BBFB', // Primary/300
+      // controlOutline: '#F4EBFF', // Primary/100
+      // controlOutlineWidth: 4,
+      //
+      // // 下拉箭头和清空按钮颜色
+      // colorIcon: '#667085', // Gray/500
+      // colorIconHover: '#344054', // Gray/700
+      //
+      // // 选择框阴影（Figma: Shadow/xs）
+      // boxShadowSecondary:
+      //   '0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08)',
+      //
+      // // 多选标签样式（Figma: Gray/200 背景）
+      // multipleItemBg: '#EAECF0', // Gray/200
+      // multipleItemBorderColor: 'transparent',
+      // multipleItemHeight: 36,
+      //
+      // // 选项样式
+      // optionFontSize: 16,
+      // optionLineHeight: 1.5,
+      // optionPadding: '10px 8px',
+      // optionSelectedBg: '#F4EBFF', // Primary/100 - 选中项背景（浅紫色）
+      // optionActiveBg: '#F9FAFB', // Gray/50 - hover 背景
+    },
+    Menu: {
+      itemSelectedColor: "#9976e3"
+    },
+    Popover: {
+      // 下拉框阴影（Figma: Shadow/lg）
+      // boxShadowSecondary:
+      //   '0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08)',
+    },
+    Typography: {
+      colorText: "#101828",
+      colorTextSecondary: "#475467",
+      colorLink: "#7F56DA",
+      colorLinkHover: "#6D48C4",
+      colorLinkActive: "#5F3DA8"
+    }
+  };
+}
+function getGlobalToken(themeColor) {
+  return {
+    colorPrimary: themeColor || "#5D3F9F",
+    colorPrimaryBg: "#eee5ff",
+    colorPrimaryBgHover: "#e4d9fc",
+    colorPrimaryBorder: "#d4c3f7",
+    colorSuccess: "#5f9e3f",
+    colorInfo: "#5d3f9f",
+    colorError: "#f5222d",
+    colorSuccessBg: "#e5fcd9",
+    colorSuccessBgHover: "#d5f7c3",
+    // 链接色
+    colorLink: "#7F56DA",
+    colorLinkActive: "#5F3DA8",
+    colorLinkHover: "#6D48C4",
+    // 文本颜色
+    colorText: "#101828",
+    colorTextSecondary: "#475467",
+    colorTextTertiary: "#667085",
+    colorTextQuaternary: "#D0D5DD",
+    // 边框和背景
+    colorBorder: "#D0D5DD",
+    colorBorderSecondary: "#EAECF0",
+    colorFill: "#D0D5DD",
+    colorFillSecondary: "#EAECF0",
+    colorFillTertiary: "#F2F4F7",
+    colorFillQuaternary: "#F9FAFB",
+    colorBgLayout: "#F2F4F7",
+    colorBgSpotlight: "#101828",
+    colorBgMask: "rgba(0, 0, 0, 0.5)",
+    // 其他
+    wireframe: false,
+    borderRadius: 8
+  };
+}
+function getThemeConfig(themeColor) {
+  return {
+    components: getComponentsToken(),
+    token: getGlobalToken(themeColor)
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getComponentsToken,
+  getGlobalToken,
+  getThemeConfig
+});

package/lib/utils/platform.d.ts

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

package/lowcode/_utils/defaultSchema.ts

@@ -47,7 +47,8 @@ export const generalItemMap = {
       },
       tip: {
         type: 'i18n',
-        'en-US': 'The text displayed in the label of the form item, corresponding to Label.',
+        'en-US':
+          'The text displayed in the label of the form item, corresponding to Label.',
         'zh-CN': '用于显示在表单项的标签文本，对应Label。',
       },
     },
@@ -113,6 +114,29 @@ export const generalItemMap = {
           // setTimeout(() => {
           //   target.document.project.simulatorHost.rerender();
           // });
+          // 根据字段配置更新选项类型相关配置
+          const xDataSource = field.uiSchema?.['x-data-source'];
+          if (xDataSource) {
+            // 如果字段有数据源配置，则同步设置
+            target.getProps().setPropValue('optionSourceType', xDataSource?.type);
+            target.getProps().setPropValue('dataSource', xDataSource?.dataSource);
+            target.getProps().setPropValue('extraParams', xDataSource?.extraParams);
+            target.getProps().setPropValue('labelField', xDataSource?.labelField);
+            target.getProps().setPropValue('valueField', xDataSource?.valueField);
+            // 直接 setPropValue 不会触发 optionSourceType 的 extraProps.setValue，
+            // simulatorHost.rerender() 只更新画布，不会刷新设置面板，
+            // 需要通过重新选中节点来强制设置面板重建，使 setter 函数重新求值
+            setTimeout(() => {
+              const node = target.node;
+              if (node?.document?.selection) {
+                const { selection } = node.document;
+                selection.clear();
+                requestAnimationFrame(() => {
+                  selection.select(node.id);
+                });
+              }
+            });
+          }
         }
         return target.getProps().setPropValue('name', value);
       },
@@ -164,8 +188,10 @@ export const generalItemMap = {
       },
       tip: {
         type: 'i18n',
-        'en-US': 'Whether to hide the Label of the component, including title and tooltip, but not including helper text.',
-        'zh-CN': '是否隐藏组件的Label，包括title和tooltip，但是不包括helper text。',
+        'en-US':
+          'Whether to hide the Label of the component, including title and tooltip, but not including helper text.',
+        'zh-CN':
+          '是否隐藏组件的Label，包括title和tooltip，但是不包括helper text。',
       },
     },
     propType: 'bool',
@@ -511,7 +537,9 @@ export const generalItemMap = {
               propType: 'string',
               setter: 'PisellI18nSetter',
               condition: (target: any) => {
-                return !(['subdomain', 'appIdentifier'].includes(target.parent.getPropValue('type')));
+                return !['subdomain', 'appIdentifier'].includes(
+                  target.parent.getPropValue('type')
+                );
               },
             },
           ],
@@ -676,7 +704,7 @@ export const formItemGeneralDataGroup = {
           disabled: true,
           filters: {
             tables: 'all',
-            variables: {}
+            variables: {},
           },
         },
       },
@@ -701,16 +729,40 @@ export const formItemGeneralOptionTypeGroup = {
         'en-US': 'Type',
         'zh-CN': '类型',
       },
-      setter: {
-        componentName: 'SelectSetter',
-        props: {
-          options: [
-            { title: '默认', value: 'default' },
-            { title: '自定义', value: 'custom' },
-            { title: 'API', value: 'api' },
-          ],
+      condition: (target: any) => {
+        // 读取 optionSourceType 建立响应式依赖，值变更时触发重新求值
+        target.getProps().getPropValue('optionSourceType');
+        return true;
+      },
+      extraProps: {
+        setValue(target: any, value: any) {
+          target.getProps().setPropValue('optionSourceType', value);
         },
       },
+      setter: (target: any) => {
+        const parentForm = getParentForm(target);
+        const fields = getVariable(parentForm, 'currentFields');
+        // 获取当前表单项的 name
+        const currentFieldName = target.getProps().getPropValue('name');
+        // 在 currentFields 中查找对应的字段配置
+        const fieldConfig = fields?.find(
+          (item: any) => item.name === currentFieldName
+        );
+        // 检查字段配置中是否有 x-data-source，如果有说明 optionSourceType 是从数据源设置的
+        const dataSourceType = fieldConfig?.uiSchema?.['x-data-source']?.type;
+
+        return {
+          componentName: 'PisellSelectSetter',
+          props: {
+            disabled: !!dataSourceType,
+            options: [
+              { label: '默认', value: 'default' },
+              { label: '自定义', value: 'custom' },
+              { label: 'API', value: 'api' },
+            ],
+          },
+        };
+      },
     },
     {
       name: 'dataSource',
@@ -741,15 +793,29 @@ export const formItemGeneralOptionTypeGroup = {
           return target.getProps().setPropValue('dataSource', value.item);
         },
       },
-      setter: {
-        componentName: 'PisellDataSourceSetter',
-        props: {
-          mode: 'list',
-          filters: {
-            tables: 'all',
-            variables: {}
+      setter: (target: any) => {
+        const parentForm = getParentForm(target);
+        const fields = getVariable(parentForm, 'currentFields');
+        // 获取当前表单项的 name
+        const currentFieldName = target.getProps().getPropValue('name');
+        // 在 currentFields 中查找对应的字段配置
+        const fieldConfig = fields?.find(
+          (item: any) => item.name === currentFieldName
+        );
+        // 检查字段配置中是否有 x-data-source，如果有说明 dataSource 是从数据源设置的
+        const dataSource = fieldConfig?.uiSchema?.['x-data-source']?.dataSource;
+
+        return {
+          componentName: 'PisellDataSourceSetter',
+          props: {
+            disabled: !!dataSource,
+            mode: 'list',
+            filters: {
+              tables: 'all',
+              variables: {},
+            },
           },
-        },
+        };
       },
     },
     {
@@ -765,7 +831,7 @@ export const formItemGeneralOptionTypeGroup = {
         'en-US': 'Extra Params',
         'zh-CN': '额外参数',
       },
-      setter: 'JsonSetter'
+      setter: 'JsonSetter',
     },
     {
       name: 'labelField',
@@ -852,7 +918,7 @@ export const formItemGeneralOptionTypeGroup = {
             itemSetter: {
               componentName: 'ObjectSetter',
               initialValue: () => {
-                return {}
+                return {};
               },
               props: {
                 config: {
@@ -1554,7 +1620,7 @@ export const genGeneralVariablesSetting = ({
       props: (target: any) => {
         return {
           filters: {
-            variables: {}
+            variables: {},
           },
           variables: getCptValuesVariables(target),
         };
@@ -1563,38 +1629,37 @@ export const genGeneralVariablesSetting = ({
   };
 };
 
-
 export const inputPlaceholder = {
   type: 'i18n',
-  'en': 'Enter',
+  en: 'Enter',
   'zh-CN': '请输入',
   'zh-HK': '請輸入',
 };
 
 export const selectPlaceholder = {
   type: 'i18n',
-  'en': 'Select an option',
+  en: 'Select an option',
   'zh-CN': '请选择一个选项',
   'zh-HK': '請選擇一個選項',
 };
 
 export const selectMultiplePlaceholder = {
   type: 'i18n',
-  'en': 'Select one or more options',
+  en: 'Select one or more options',
   'zh-CN': '请选择一个或多个选项',
   'zh-HK': '請選擇一個或多個選項',
 };
 
 export const datePickerPlaceholder = {
   type: 'i18n',
-  'en': 'Select a date',
+  en: 'Select a date',
   'zh-CN': '请选择日期',
   'zh-HK': '請選擇日期',
 };
 
 export const timePickerPlaceholder = {
   type: 'i18n',
-  'en': 'Select a time',
+  en: 'Select a time',
   'zh-CN': '请选择时间',
   'zh-HK': '請選擇時間',
 };

package/lowcode/auto-resize-text/meta.ts

@@ -9,7 +9,7 @@ const AutoResizeTextMeta: ComponentMetadata = {
   "devMode": "proCode",
   "npm": {
     "package": "@pisell/materials",
-    "version": "3.3.81",
+    "version": "3.3.83",
     "exportName": "AutoResizeText",
     "main": "src/index.tsx",
     "destructuring": true,
@@ -273,6 +273,10 @@ const AutoResizeTextMeta: ComponentMetadata = {
                       "label": "style",
                       "value": "style"
                     },
+                    {
+                      "label": "progress",
+                      "value": "progress"
+                    },
                     {
                       "label": "title",
                       "value": "title"
@@ -361,10 +365,6 @@ const AutoResizeTextMeta: ComponentMetadata = {
                       "label": "body",
                       "value": "body"
                     },
-                    {
-                      "label": "progress",
-                      "value": "progress"
-                    },
                     {
                       "label": "input",
                       "value": "input"
@@ -747,6 +747,10 @@ const AutoResizeTextMeta: ComponentMetadata = {
                       "label": "style",
                       "value": "style"
                     },
+                    {
+                      "label": "progress",
+                      "value": "progress"
+                    },
                     {
                       "label": "title",
                       "value": "title"
@@ -835,10 +839,6 @@ const AutoResizeTextMeta: ComponentMetadata = {
                       "label": "body",
                       "value": "body"
                     },
-                    {
-                      "label": "progress",
-                      "value": "progress"
-                    },
                     {
                       "label": "input",
                       "value": "input"
@@ -2446,6 +2446,10 @@ const AutoResizeTextMeta: ComponentMetadata = {
                 "componentName": "SelectSetter",
                 "props": {
                   "dataSource": [
+                    {
+                      "label": "separator",
+                      "value": "separator"
+                    },
                     {
                       "label": "banner",
                       "value": "banner"
@@ -2454,10 +2458,6 @@ const AutoResizeTextMeta: ComponentMetadata = {
                       "label": "menu",
                       "value": "menu"
                     },
-                    {
-                      "label": "separator",
-                      "value": "separator"
-                    },
                     {
                       "label": "form",
                       "value": "form"
@@ -2724,6 +2724,10 @@ const AutoResizeTextMeta: ComponentMetadata = {
                     }
                   ],
                   "options": [
+                    {
+                      "label": "separator",
+                      "value": "separator"
+                    },
                     {
                       "label": "banner",
                       "value": "banner"
@@ -2732,10 +2736,6 @@ const AutoResizeTextMeta: ComponentMetadata = {
                       "label": "menu",
                       "value": "menu"
                     },
-                    {
-                      "label": "separator",
-                      "value": "separator"
-                    },
                     {
                       "label": "form",
                       "value": "form"
@@ -3002,7 +3002,7 @@ const AutoResizeTextMeta: ComponentMetadata = {
                     }
                   ]
                 },
-                "initialValue": "banner"
+                "initialValue": "separator"
               }
             ]
           }
@@ -3833,6 +3833,10 @@ const AutoResizeTextMeta: ComponentMetadata = {
                 "componentName": "SelectSetter",
                 "props": {
                   "dataSource": [
+                    {
+                      "label": "text",
+                      "value": "text"
+                    },
                     {
                       "label": "email",
                       "value": "email"
@@ -3845,10 +3849,6 @@ const AutoResizeTextMeta: ComponentMetadata = {
                       "label": "tel",
                       "value": "tel"
                     },
-                    {
-                      "label": "text",
-                      "value": "text"
-                    },
                     {
                       "label": "url",
                       "value": "url"
@@ -3867,6 +3867,10 @@ const AutoResizeTextMeta: ComponentMetadata = {
                     }
                   ],
                   "options": [
+                    {
+                      "label": "text",
+                      "value": "text"
+                    },
                     {
                       "label": "email",
                       "value": "email"
@@ -3879,10 +3883,6 @@ const AutoResizeTextMeta: ComponentMetadata = {
                       "label": "tel",
                       "value": "tel"
                     },
-                    {
-                      "label": "text",
-                      "value": "text"
-                    },
                     {
                       "label": "url",
                       "value": "url"
@@ -3901,7 +3901,7 @@ const AutoResizeTextMeta: ComponentMetadata = {
                     }
                   ]
                 },
-                "initialValue": "email"
+                "initialValue": "text"
               }
             ]
           }