@ibiz-template/vue3-components 0.7.41-alpha.2 → 0.7.41-alpha.21

package/es/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.d.ts

@@ -7,7 +7,8 @@ import './ibiz-autocomplete.scss';
  *
  * @description 使用el-autocomplete组件封装，可选择单项数据，支持AC。支持编辑器类型包含：`自动填充`
  * @primary
- * @editorparams {"name":"overflowMode","parameterType":"'auto' | 'ellipsis'","defaultvalue":"'auto'","description":"用于控制该编辑器下拉区域的宽度显示方式。当参数值为 'auto' 时，下拉区域宽度会根据内容自动展开；当参数值为 'ellipsis' 时，下拉区域宽度将与输入框保持一致，若内容超出宽度则会显示省略号，鼠标悬浮在内容上时会出现 tooltip 提示信息"}
+ * @editorparams {"name":"overflowmode","parameterType":"'auto' | 'ellipsis'","defaultvalue":"'auto'","description":"用于控制该编辑器下拉区域的宽度显示方式。当参数值为 'auto' 时，下拉区域宽度会根据内容自动展开；当参数值为 'ellipsis' 时，下拉区域宽度将与输入框保持一致，若内容超出宽度则会显示省略号，鼠标悬浮在内容上时会出现 tooltip 提示信息"}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @ignoreprops overflowMode
  * @ignoreemits infoTextChange
  */

package/es/editor/autocomplete/ibiz-autocomplete/ibiz-autocomplete.mjs

@@ -216,7 +216,7 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
   },
   render() {
     var _a;
-    const overflowMode = this.c.editorParams.overflowMode || ibiz.config.pickerEditor.overflowMode;
+    const overflowMode = this.c.editorParams.overflowMode || this.c.editorParams.overflowmode || ibiz.config.pickerEditor.overflowMode;
     const isEllipsis = overflowMode === "ellipsis";
     const panel = (_a = this.c.deACMode) == null ? void 0 : _a.itemLayoutPanel;
     const {
@@ -292,7 +292,10 @@ const IBizAutoComplete = /* @__PURE__ */ defineComponent({
     }, [this.curValue]);
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.curValue ? this.curValue : ibiz.config.common.emptyText]);
+    }, [this.curValue ? this.curValue : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)]
     }, [this.showFormDefaultContent && formDefaultContent, this.readonly ? readonlyContent : editContent]);

package/es/editor/carousel/ibiz-carousel/ibiz-carousel.d.ts

@@ -1,6 +1,5 @@
-import { Ref } from 'vue';
+import { defineComponent } from 'vue';
 import './ibiz-carousel.scss';
-import { CarouselEditorController } from '../carousel-editor.controller';
 /**
  * 轮播图
  * @description 在有限空间内，循环播放图片内容。此为平台预置标准编辑器组件
@@ -8,76 +7,4 @@ import { CarouselEditorController } from '../carousel-editor.controller';
  * @ignoreprops autoFocus | overflowMode | controlParams
  * @ignoreemits change | blur | focus | enter | infoTextChange
  */
-export declare const IBizCarousel: import("vue").DefineComponent<{
-    value: StringConstructor;
-    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<CarouselEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
-    disabled: {
-        type: BooleanConstructor;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    autoFocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    overflowMode: {
-        type: StringConstructor;
-    };
-    controlParams: {
-        type: ObjectConstructor;
-        required: boolean;
-    };
-}, {
-    ns: import("@ibiz-template/core").Namespace;
-    c: CarouselEditorController;
-    editorModel: import("@ibiz/model-core").IFileUploader;
-    downloadUrl: Ref<string>;
-    carouselData: Ref<{
-        id: string;
-        name: string;
-        imgUrl?: string | undefined;
-    }[]>;
-    isAuto: Ref<boolean>;
-    timeSpan: Ref<number>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
-    blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
-    focus: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
-    enter: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;
-    infoTextChange: (_text: string) => boolean;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    value: StringConstructor;
-    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<CarouselEditorController>, undefined, undefined>;
-    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<import("@ibiz-template/core").IApiData>, undefined, undefined>;
-    disabled: {
-        type: BooleanConstructor;
-    };
-    readonly: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    autoFocus: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    overflowMode: {
-        type: StringConstructor;
-    };
-    controlParams: {
-        type: ObjectConstructor;
-        required: boolean;
-    };
-}>> & {
-    onFocus?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
-    onBlur?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
-    onChange?: ((_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => any) | undefined;
-    onInfoTextChange?: ((_text: string) => any) | undefined;
-    onEnter?: ((_event?: import("@ibiz-template/core").IApiData | undefined) => any) | undefined;
-}, {
-    disabled: boolean;
-    readonly: boolean;
-    autoFocus: boolean;
-}, {}>;
+export declare const IBizCarousel: ReturnType<typeof defineComponent>;

package/es/editor/carousel/ibiz-carousel/ibiz-carousel.mjs

@@ -14,7 +14,6 @@ const IBizCarousel = /* @__PURE__ */ defineComponent({
     const carouselData = ref([]);
     const isAuto = ref(true);
     const timeSpan = ref(3e3);
-    const downloadUrl = ref("");
     watch(() => props.value, (newVal) => {
       if (typeof newVal === "string") {
         carouselData.value = !newVal ? [] : JSON.parse(newVal);
@@ -22,19 +21,33 @@ const IBizCarousel = /* @__PURE__ */ defineComponent({
     }, {
       immediate: true
     });
-    watch(() => props.data, (newVal) => {
-      if (newVal) {
-        const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, newVal, c.editorParams);
-        downloadUrl.value = urls.downloadUrl;
+    const getDownloadUrl = (data, file) => {
+      const editorParams = {
+        ...c.editorParams
+      };
+      if (editorParams.exportparams) {
+        editorParams.exportParams = JSON.parse(editorParams.exportparams);
       }
-    }, {
-      immediate: true,
-      deep: true
-    });
+      if (file && file.folder) {
+        editorParams.osscat = file.folder;
+      }
+      const urls = ibiz.util.file.calcFileUpDownUrl(c.context, c.params, data, editorParams);
+      return urls.downloadUrl;
+    };
     watch(carouselData, (newVal) => {
-      if ((newVal == null ? void 0 : newVal.length) && downloadUrl.value) {
+      if (newVal == null ? void 0 : newVal.length) {
         newVal.forEach((carousel) => {
-          carousel.imgUrl = carousel.imgUrl || downloadUrl.value.replace("%fileId%", carousel.id);
+          const downloadUrl = getDownloadUrl(props.data, carousel);
+          carousel.imgUrl = carousel.imgUrl || downloadUrl.replace("%fileId%", carousel.id);
+          if (ibiz.config.common.enableDownloadTicket) {
+            ibiz.util.file.getDownloadTicket(c.context, c.params, props.data, {
+              fileId: carousel.id
+            }, c.downloadTicketParams).then((downloadTicket) => {
+              if (downloadTicket && downloadTicket.ticket) {
+                carousel.imgUrl = downloadUrl.replace("%fileId%", downloadTicket.ticket);
+              }
+            });
+          }
         });
       }
     }, {
@@ -44,7 +57,6 @@ const IBizCarousel = /* @__PURE__ */ defineComponent({
       ns,
       c,
       editorModel,
-      downloadUrl,
       carouselData,
       isAuto,
       timeSpan

package/es/editor/cascader/ibiz-cascader/ibiz-cascader.d.ts

@@ -6,11 +6,12 @@ import './ibiz-cascader.scss';
  *
  * @description 使用el-cascader组件封装，该组件提供级联数据输入能力，支持逐级查看并选择。支持编辑器类型包含：`级联选择器`
  * @primary
- * @editorparams {"name":"editorStyle","parameterType":"'default' | 'other'","defaultvalue":"'default'","description":"设为'other'时改变懒加载逻辑并直接赋值数据，'default'为默认逻辑"}
- * @editorparams {"name":"size","parameterType":"'large' | 'default' | 'small'","defaultvalue":"'default'","description":"el-cascader组件属性"}
- * @editorparams {"name":"filterable","parameterType":"boolean","defaultvalue":true,"description":"el-cascader组件属性"}
- * @editorparams {"name":"multiple","parameterType":"boolean","defaultvalue":false,"description":"el-cascader组件属性"}
- * @editorparams {"name":"separator","parameterType":"string","defaultvalue":"/","description":"el-cascader组件属性"}
+ * @editorparams {"name":"editorstyle","parameterType":"'default' | 'other'","defaultvalue":"'default'","description":"设为'other'时会改变懒加载逻辑，不会将懒加载回的数据填充到树型数据中，'default'为默认逻辑，会将懒加载回的数据填充到树型数据中"}
+ * @editorparams {"name":"size","parameterType":"'large' | 'default' | 'small'","defaultvalue":"'default'","description":"el-cascader组件的size属性"}
+ * @editorparams {"name":"filterable","parameterType":"boolean","defaultvalue":true,"description":"el-cascader组件的filterable属性"}
+ * @editorparams {"name":"multiple","parameterType":"boolean","defaultvalue":false,"description":"el-cascader组件props属性的multiple参数"}
+ * @editorparams {"name":"separator","parameterType":"string","defaultvalue":"'/'","description":"el-cascader组件的separator属性"}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits infoTextChange
  */

package/es/editor/cascader/ibiz-cascader/ibiz-cascader.mjs

@@ -37,6 +37,9 @@ const IBizCascader = /* @__PURE__ */ defineComponent({
       if (editorModel.editorParams.editorStyle) {
         editorStyle = editorModel.editorParams.editorStyle;
       }
+      if (editorModel.editorParams.editorstyle) {
+        editorStyle = editorModel.editorParams.editorstyle;
+      }
       if (editorModel.editorParams.size) {
         size = editorModel.editorParams.size;
       }
@@ -467,7 +470,10 @@ const IBizCascader = /* @__PURE__ */ defineComponent({
     }, [this.valueText]);
     const formDefaultContent = createVNode("div", {
       "class": this.ns.b("form-default-content")
-    }, [this.valueText ? this.valueText : ibiz.config.common.emptyText]);
+    }, [this.valueText ? this.valueText : createVNode(resolveComponent("iBizEditorEmptyText"), {
+      "showPlaceholder": this.c.emptyShowPlaceholder,
+      "placeHolder": this.c.placeHolder
+    }, null)]);
     return createVNode("div", {
       "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("editable", this.isEditable), this.ns.is("show-default", this.showFormDefaultContent)],
       "onKeyup": this.handleKeyUp

package/es/editor/check-box/ibiz-checkbox/ibiz-checkbox.d.ts

@@ -5,8 +5,9 @@ import { CheckBoxEditorController } from '../check-box-editor.controller';
  *
  * @description 使用el-checkbox组件，两种相互对立的状态间的切换，呈现样式为复选框。支持编辑器类型包含：`选项框`
  * @primary
- * @editorparams {name:selectValue,parameterType:number,defaultvalue:1,description:该参数用于设置复选框被选中时所对应的值。当复选框状态为选中时，组件会将此值作为选中状态的值进行处理}
- * @editorparams {name:nullValue,parameterType:number,defaultvalue:0,description:该参数用于设置复选框未被选中时所对应的值。当复选框状态为未选中时，组件会将此值作为未选中状态的值进行处理}
+ * @editorparams {name:selectvalue,parameterType:number | string,defaultvalue:1,description:该参数用于设置复选框被选中时所对应的值。当复选框状态为选中时，组件会将此值作为选中状态的值进行处理}
+ * @editorparams {name:nullvalue,parameterType:number | string,defaultvalue:0,description:该参数用于设置复选框未被选中时所对应的值。当复选框状态为未选中时，组件会将此值作为未选中状态的值进行处理}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits blur | focus | enter | infoTextChange
  */

package/es/editor/check-box/ibiz-checkbox/ibiz-checkbox.mjs

@@ -10,7 +10,7 @@ const IBizCheckbox = /* @__PURE__ */ defineComponent({
   setup(props, {
     emit
   }) {
-    var _a, _b;
+    var _a, _b, _c, _d;
     const ns = useNamespace("checkbox");
     const c = props.controller;
     const editorModel = c.model;
@@ -19,9 +19,15 @@ const IBizCheckbox = /* @__PURE__ */ defineComponent({
     if ((_a = editorModel.editorParams) == null ? void 0 : _a.selectValue) {
       selectValue = editorModel.editorParams.selectValue;
     }
-    if ((_b = editorModel.editorParams) == null ? void 0 : _b.nullValue) {
+    if ((_b = editorModel.editorParams) == null ? void 0 : _b.selectvalue) {
+      selectValue = editorModel.editorParams.selectvalue;
+    }
+    if ((_c = editorModel.editorParams) == null ? void 0 : _c.nullValue) {
       nullValue = editorModel.editorParams.nullValue;
     }
+    if ((_d = editorModel.editorParams) == null ? void 0 : _d.nullvalue) {
+      nullValue = editorModel.editorParams.nullvalue;
+    }
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
         return true;

package/es/editor/check-box-list/checkbox-list-editor.controller.mjs

@@ -26,7 +26,7 @@ class CheckBoxListEditorController extends CodeListEditorController {
     __publicField(this, "rowNumber");
   }
   async onInit() {
-    var _a;
+    var _a, _b;
     super.onInit();
     if (this.model.appCodeListId) {
       const app = await ibiz.hub.getApp(this.context.srfappid);
@@ -35,6 +35,9 @@ class CheckBoxListEditorController extends CodeListEditorController {
     if ((_a = this.editorParams) == null ? void 0 : _a.rowNumber) {
       this.rowNumber = Number(this.editorParams.rowNumber);
     }
+    if ((_b = this.editorParams) == null ? void 0 : _b.rownumber) {
+      this.rowNumber = Number(this.editorParams.rownumber);
+    }
   }
 }
 

package/es/editor/check-box-list/ibiz-checkbox-list/ibiz-checkbox-list.d.ts

@@ -5,7 +5,10 @@ import './ibiz-checkbox-list.scss';
  *
  * @description 使用el-checkbox-group组件，通过选项框组选择多项数据，该组件通常用于绘制代码表。支持编辑器类型包含：`选项框列表`
  * @primary
- * @editorparams {name:rowNumber,parameterType:number | undefined,description:设置每行呈现的多选框个数}
+ * @editorparams {name:rownumber,parameterType:number,description:设置每行呈现的选项框个数}
+ * @editorparams {name:allitems,parameterType:boolean,defaultvalue:false,description:选项框列表是否启用全部项}
+ * @editorparams {name:itemstext,parameterType:string,defaultvalue:'全部',description:选项框列表全部项文本}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits blur | focus | enter
  */

package/es/editor/code/monaco-editor/monaco-editor.d.ts

@@ -5,14 +5,14 @@ import './monaco-editor.scss';
  *
  * @description 使用monacoEditor组件封装，用于编辑代码内容。支持编辑器类型包含：`代码编辑器`
  * @primary
- * @editorparams {"name":"language","parameterType":"'javaScript' | 'typescript'","defaultvalue":"'typescript'","description":"设置代码编辑器所使用的编程语言类型，比如JavaScript或TypeScript等，会影响代码的语法高亮、智能提示等功能"}
- * @editorparams {"name":"theme","parameterType":"'vs' | 'vs-dark' | 'hc-black'","defaultvalue":"'vs-dark'","description":"设置代码编辑器呈现的主题样式，可选值为'vs'（浅色主题）、'vs-dark'（深色主题）、'hc-black'（高对比度黑色主题）"}
- * @editorparams {"name":"enableEdit","parameterType":"boolean","defaultvalue":false,"description":"当该值为true时，会显示代码编辑器顶部的工具栏，并且只有点击编辑按钮后才能开启代码编辑功能，否则编辑框默认处于不可编辑状态，常用于需要控制编辑权限的场景"}
- * @editorparams {"name":"enableFullScreen","parameterType":"boolean","defaultvalue":false,"description":"若该值为true，会显示代码编辑器顶部的工具栏，并且点击工具栏中的全屏按钮后，编辑框将全屏显示，方便在较大的视野下进行代码编辑工作"}
- * @editorparams {"name":"customTheme","parameterType":"'vs' | 'vs-dark' | 'hc-black'","description":"当该参数有值时，代码编辑器将使用自定义的主题样式，优先级高于 `theme` 配置的主题；若为空，则使用 `theme` 参数所配置的主题"}
+ * @editorparams {"name":"language","parameterType":"string","defaultvalue":"'typescript'","description":"设置代码编辑器所使用的编程语言类型，比如JavaScript或TypeScript等，会影响代码的语法高亮、智能提示等功能"}
+ * @editorparams {"name":"enableedit","parameterType":"boolean","defaultvalue":true,"description":"当该值为true时，会显示代码编辑器顶部的工具栏，并且只有点击编辑按钮后才能开启代码编辑功能，否则编辑框默认处于不可编辑状态，常用于需要控制编辑权限的场景"}
+ * @editorparams {"name":"enablefullscreen","parameterType":"boolean","defaultvalue":false,"description":"若该值为true，会显示代码编辑器顶部的工具栏，并且点击工具栏中的全屏按钮后，编辑框将全屏显示，方便在较大的视野下进行代码编辑工作"}
  * @editorparams {"name":"srfaiappendcurdata","parameterType":"boolean","defaultvalue":false,"description":"在打开AI功能时，该参数用于判断是否传入对象参数，主要用于在请求历史记录时，附加当前参数"}
  * @editorparams {"name":"srfaiappendcurcontent","parameterType":"string","description":"在打开AI功能时，如果该参数存在值，会将其传入编辑内容作为用户消息，主要用于在请求历史记录后，附加当前编辑内容作为用户消息"}
- * @ignoreprops autoFocus | overflowMode | controlParams
+ * @editorparams {name:ac,parameterType:boolean,defaultvalue:false,description:是否启用ac自填模式}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
+ * @ignoreprops autoFocus | overflowMode
  * @ignoreemits blur | focus | enter | infoTextChange
  */
 export declare const IBizCode: import("vue").DefineComponent<{

package/es/editor/code/monaco-editor/monaco-editor.mjs

@@ -4,7 +4,7 @@ import { createUUID } from 'qx-util';
 import { ElMessageBox } from 'element-plus';
 import '../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.45.0/node_modules/@monaco-editor/loader/lib/es/index.mjs';
 import { UIActionUtil, SysUIActionTag } from '@ibiz-template/runtime';
-import { StringUtil, CoreConst, getAppCookie, IBizContext } from '@ibiz-template/core';
+import { StringUtil, IBizContext } from '@ibiz-template/core';
 import '../../../util/index.mjs';
 import './monaco-editor.css';
 import { calcAiToolbarItemsByAc } from '../../../util/ai-util/ai-util.mjs';
@@ -36,9 +36,17 @@ const IBizCode = /* @__PURE__ */ defineComponent({
         readonlyState.value = true;
         enableEdit.value = c.toBoolean(editorModel.editorParams.enableEdit) && !props.readonly && !props.disabled;
       }
+      if (editorModel.editorParams.enableedit) {
+        hasEnableEdit.value = true;
+        readonlyState.value = true;
+        enableEdit.value = c.toBoolean(editorModel.editorParams.enableedit) && !props.readonly && !props.disabled;
+      }
       if (editorModel.editorParams.enableFullScreen) {
         enableFullScreen.value = c.toBoolean(editorModel.editorParams.enableFullScreen);
       }
+      if (editorModel.editorParams.enablefullscreen) {
+        enableFullScreen.value = c.toBoolean(editorModel.editorParams.enablefullscreen);
+      }
     }
     let editor;
     let monacoEditor;
@@ -56,6 +64,9 @@ const IBizCode = /* @__PURE__ */ defineComponent({
       if (customTheme) {
         return customTheme === "dark" ? "vs-dark" : "vs";
       }
+      if (ibiz.config.codeEditorTheme) {
+        return ibiz.config.codeEditorTheme === "dark" ? "vs-dark" : "vs";
+      }
       return name === "dark" ? "vs-".concat(UIStore.theme) : "vs";
     };
     watch(() => UIStore.theme, (newVal) => {
@@ -242,13 +253,7 @@ const IBizCode = /* @__PURE__ */ defineComponent({
           uploader: {
             onUpload: async (file, reportProgress, options) => {
               const fileMeata = ibiz.util.file.calcFileUpDownUrl((options == null ? void 0 : options.context) || c.context, (options == null ? void 0 : options.params) || c.params, {});
-              const uploadHeaders = {};
-              const token = getAppCookie(CoreConst.TOKEN);
-              if (token) {
-                Object.assign(uploadHeaders, {
-                  ["".concat(ibiz.env.tokenHeader, "Authorization")]: "".concat(ibiz.env.tokenPrefix, "Bearer ").concat(token)
-                });
-              }
+              const uploadHeaders = ibiz.util.file.getUploadHeaders();
               const formData = new FormData();
               formData.append("file", file);
               const res = await ibiz.net.axios({

package/es/editor/color-picker/color-picker-editor.controller.mjs

@@ -19,10 +19,13 @@ class ColorPickerEditorController extends EditorController {
   }
   async onInit() {
     await super.onInit();
-    const { defaultVal } = this.editorParams;
+    const { defaultVal, defaultval } = this.editorParams;
     if (defaultVal) {
       this.defaultVal = JSON.parse(defaultVal);
     }
+    if (defaultval) {
+      this.defaultVal = JSON.parse(defaultval);
+    }
   }
 }
 

package/es/editor/color-picker/ibiz-color-picker/ibiz-color-picker.d.ts

@@ -6,12 +6,13 @@ import './ibiz-color-picker.scss';
  *
  * @description 用于颜色选择，支持单选和多选模式，根据需求选择一个或多个颜色。支持编辑器类型包含：`颜色选择器`
  * @primary
- * @editorparams {"name":"defaultVal","parameterType":"string[]","defaultvalue":[],"description": "表示在颜色选择器初始化时默认呈现的颜色数组。当编辑器的自定义模式 `CUSTOM` 值为 true 时，该默认值生效，会按照此数组显示默认颜色"}
- * @editorparams {"name":"MULTIPLE","parameterType":"boolean","defaultvalue":false,"description": "该参数用于控制颜色选择器是否支持多选功能。默认情况下为单选模式，当该值设置为 true 时，启用多选模式，用户可以选择多个颜色"}
- * @editorparams {"name":"CUSTOM","parameterType":"boolean","defaultvalue":false,"description": "该参数决定颜色选择器是否处于自定义模式。默认不启用自定义模式，当值为 true 时，启用自定义模式，此时可以按照自定义的方式进行颜色选择和设置，例如自定义颜色列表等相关操作"}
- * @editorparams {"name":"TYPE","parameterType":"'ITEM' | 'ITEMS'","defaultvalue":"'ITEMS'","description": "用于设置下拉选择的颜色数组的显示类型。当值为 'ITEM' 时，表示下拉选择的颜色数组仅有一个颜色；当值为 'ITEMS' 时，表示下拉选择的颜色数组包含多个颜色"}
- * @editorparams {"name":"isHiddenText","parameterType":"boolean","defaultvalue":false,"description": "用于控制是否隐藏颜色选择器中的颜色文本显示。默认情况下不隐藏颜色文本，当该值设置为 true 时，会隐藏颜色文本的显示，仅展示颜色选择相关的组件"}
- * @editorparams {"name":"CUSTOMCOLORLIST","parameterType":"string","description": "该参数用于设置自定义的颜色列表值，其格式是一个字符串形式的JSON数组。例如配置示例：`CUSTOMCOLORLIST=[{'text':'颜色名字','value':['#123123','#111222','#333322','#11ff33']}]`，通过此配置可以自定义颜色选择器中显示的颜色选项"}
+ * @editorparams {"name":"defaultval","parameterType":"string[]","defaultvalue":[],"description": "表示在颜色选择器初始化时默认呈现的颜色数组。当编辑器的自定义模式 `custom` 值为 true 时，该参数生效，会按照此数组显示默认颜色"}
+ * @editorparams {"name":"multiple","parameterType":"boolean","defaultvalue":false,"description": "该参数用于控制颜色选择器是否支持多选功能。默认情况下为单选模式，当该值设置为 true 时，启用多选模式，用户可以选择多个颜色"}
+ * @editorparams {"name":"custom","parameterType":"boolean","defaultvalue":false,"description": "该参数决定颜色选择器是否处于自定义模式。默认不启用自定义模式，当值为 true 时，启用自定义模式，此时可以按照自定义的方式进行颜色选择和设置，例如自定义颜色列表等相关操作"}
+ * @editorparams {"name":"type","parameterType":"'ITEM' | 'ITEMS'","defaultvalue":"'ITEMS'","description": "用于设置下拉选择的颜色数组的显示类型。当值为 'ITEM' 时，表示下拉选择的颜色数组仅有一个颜色；当值为 'ITEMS' 时，表示下拉选择的颜色数组包含多个颜色"}
+ * @editorparams {"name":"ishiddentext","parameterType":"boolean","defaultvalue":false,"description": "用于控制是否隐藏颜色选择器中的颜色文本。默认情况下不隐藏颜色文本，当该值设置为 true 时，会隐藏颜色文本，仅展示颜色选择相关的组件"}
+ * @editorparams {"name":"customcolorlist","parameterType":"{text:string;value:string[]}[]","description": "该参数用于设置自定义的颜色列表，其格式是一个对象形式的JSON数组。配置示例：`customcolorlist=[{'text':'颜色名字','value':['#123123','#111222','#333322','#11ff33']}]`，通过此配置可以自定义颜色选择器中显示的颜色选项"}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
  * @ignoreprops autoFocus | overflowMode
  * @ignoreemits enter | infoTextChange
  */

package/es/editor/color-picker/ibiz-color-picker/ibiz-color-picker.mjs

@@ -12,15 +12,15 @@ const IBizColorPicker = /* @__PURE__ */ defineComponent({
   setup(props, {
     emit
   }) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f, _g, _h;
     const ns = useNamespace("color-picker");
     const c = props.controller;
     const currentVal = ref("");
     const colorPicker = ref(null);
-    const multiple = ((_a = c.editorParams) == null ? void 0 : _a.MULTIPLE) === "true";
-    const isCustom = ((_b = c.editorParams) == null ? void 0 : _b.CUSTOM) === "true";
-    const type = (_c = c.editorParams) == null ? void 0 : _c.TYPE;
-    const customColorList = ((_d = c.editorParams) == null ? void 0 : _d.CUSTOMCOLORLIST) || "";
+    const multiple = ((_a = c.editorParams) == null ? void 0 : _a.MULTIPLE) === "true" || ((_b = c.editorParams) == null ? void 0 : _b.multiple) === "true";
+    const isCustom = ((_c = c.editorParams) == null ? void 0 : _c.CUSTOM) === "true" || ((_d = c.editorParams) == null ? void 0 : _d.custom) === "true";
+    const type = ((_e = c.editorParams) == null ? void 0 : _e.TYPE) || ((_f = c.editorParams) == null ? void 0 : _f.type);
+    const customColorList = ((_g = c.editorParams) == null ? void 0 : _g.CUSTOMCOLORLIST) || ((_h = c.editorParams) == null ? void 0 : _h.customcolorlist) || "";
     const predefineColors = ref(["#000000", "#2C2C2C", "#50555C", "#ACB3BF", "#D0D3D9", "#C4C4C4", "#DADADA", "#E5E5E5", "#F0F0F0", "#F24E1E", "#E99C58", "#FFC700", "#FF4D00", "#FF00D6", "#D82E57", "#8E1DE8", "#0ACF83", "#18A0FB", "#A259FF", "#907CFF"]);
     const showFormDefaultContent = computed(() => {
       if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
@@ -52,7 +52,7 @@ const IBizColorPicker = /* @__PURE__ */ defineComponent({
     const handleChange = (e) => {
       emit("change", e);
     };
-    const showPicker = (_e) => {
+    const showPicker = (_e2) => {
       setTimeout(() => {
         if (colorPicker.value) {
           colorPicker.value.show();
@@ -94,7 +94,7 @@ const IBizColorPicker = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    var _a, _b;
+    var _a, _b, _c;
     if (this.multiple) {
       if (this.isCustom) {
         return createVNode(IBizColorMPickerCustom, {
@@ -133,7 +133,7 @@ const IBizColorPicker = /* @__PURE__ */ defineComponent({
         "size": "small",
         "predefine": this.predefineColors,
         "show-alpha": true
-      }, this.$attrs), null), ((_b = this.c.editorParams) == null ? void 0 : _b.isHiddenText) === "true" ? null : createVNode("span", {
+      }, this.$attrs), null), ((_b = this.c.editorParams) == null ? void 0 : _b.isHiddenText) === "true" || ((_c = this.c.editorParams) == null ? void 0 : _c.ishiddentext) === "true" ? null : createVNode("span", {
         "class": this.ns.b("text")
       }, [this.currentVal])]);
     }

package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.css

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-mpicker{--ibiz-mpicker-empty-bg-color:var(--ibiz-color-bg-3);display:flex}.ibiz-mpicker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-mpicker .el-select{width:100%}.ibiz-mpicker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-mpicker__buns-position{position:absolute;right:26px;z-index:1;display:inline-block;width:30px;height:100%;cursor:pointer}.ibiz-mpicker__btns{position:absolute;right:0;width:100%;height:100%;color:var(--ibiz-form-item-placeholder-color);cursor:pointer;display:flex;align-items:center;justify-content:center}.ibiz-mpicker--disabled ion-icon{pointer-events:none}.ibiz-mpicker--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-mpicker__action-item{color:var(--ibiz-color-link);text-align:center}.ibiz-mpicker__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-mpicker__transfer{--ibiz-mpicker-empty-bg-color:var(--ibiz-color-bg-3)}.ibiz-mpicker__transfer.is-empty .el-select-dropdown__item{height:auto;padding:0}.ibiz-mpicker__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-mpicker-empty-bg-color)}.ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-select{display:block}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content .ibiz-mpicker-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-select{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-select{display:block}
+@charset "UTF-8";.ibiz-mpicker{--ibiz-mpicker-empty-bg-color:var(--ibiz-color-bg-3);display:flex}.ibiz-mpicker input::-moz-placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker input::placeholder{color:var(--ibiz-form-item-placeholder-color)}.ibiz-mpicker .el-input.is-disabled .el-input__inner{color:var(--ibiz-form-item-disabled-color);border-color:var(--ibiz-form-item-disabled-border-color)}.ibiz-mpicker .el-select{width:100%}.ibiz-mpicker ion-icon{font-size:var(--ibiz-form-item-font-size);cursor:pointer}.ibiz-mpicker__buns-position{position:absolute;right:26px;z-index:1;display:inline-block;width:30px;height:100%;cursor:pointer}.ibiz-mpicker__btns{position:absolute;right:0;width:100%;height:100%;color:var(--ibiz-form-item-placeholder-color);cursor:pointer;display:flex;align-items:center;justify-content:center}.ibiz-mpicker--disabled ion-icon{pointer-events:none}.ibiz-mpicker--readonly{font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-readonly-color)}.ibiz-mpicker__action-item{display:flex;align-items:center;justify-content:center;color:var(--ibiz-color-link)}.ibiz-mpicker__action-item--caption{margin-left:var(--ibiz-spacing-extra-tight)}.ibiz-mpicker__action-item.is-disabled{color:var(--ibiz-color-disabled-text);cursor:not-allowed}.ibiz-mpicker__empty{padding:0;--ibiz-no-data-min-height:100px;--el-empty-image-width:100px}.ibiz-mpicker__transfer{--ibiz-mpicker-empty-bg-color:var(--ibiz-color-bg-3)}.ibiz-mpicker__transfer.is-empty .el-select-dropdown__item{height:auto;padding:0}.ibiz-mpicker__transfer.is-empty .ibiz-no-data{background-color:var(--ibiz-mpicker-empty-bg-color)}.ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default:hover .ibiz-mpicker-select{display:block}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content{display:flex;align-items:center;width:100%;height:var(--ibiz-editor-default-line-height);padding:var(--ibiz-form-item-hover-edit-padding);font-family:Arial,sans-serif;font-size:var(--ibiz-form-item-font-size);line-height:var(--ibiz-editor-default-line-height);color:var(--ibiz-form-item-text-color)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-form-default-content .ibiz-mpicker-content-item{height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));padding:0 var(--ibiz-spacing-tight);margin:2px 6px 2px 0;font-size:var(--ibiz-font-size-small);line-height:calc(var(--ibiz-editor-default-line-height) - var(--ibiz-spacing-tight));color:var(--ibiz-editor-default-text-color);background-color:var(--ibiz-color-fill-0);border:1px solid transparent;border-radius:var(--ibiz-border-radius-small)}.ibiz-form-item .ibiz-mpicker.is-show-default .ibiz-mpicker-select{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-form-default-content{display:none}.ibiz-form-item .ibiz-mpicker.is-show-default.is-editable .ibiz-mpicker-select{display:block}

package/es/editor/data-picker/ibiz-mpicker/ibiz-mpicker.d.ts

@@ -6,7 +6,14 @@ import './ibiz-mpicker.scss';
  *
  * @description 使用el-select组件封装，用于选择多项数据，支持 AC 实时搜索，输入关键词即可从服务器获取数据；通过模态窗口呈现自定义样式的选择界面，解决下拉选择展示、检索及样式的局限。支持编辑器类型包含：`地址框（选择）`、`地址框（支持选择、AC）`
  * @primary
- * @editorparams {"name":"overflowMode","parameterType":"'auto' | 'ellipsis'","defaultvalue":"'auto'","description":"文本超出呈现模式。当参数值值为 'auto' 时，宽度按照内容展开；当参数值为 'ellipsis' 时，若内容超出宽度则会显示省略号"}
+ * @editorparams {"name":"overflowmode","parameterType":"'auto' | 'ellipsis'","defaultvalue":"'auto'","description":"用于控制该编辑器下拉区域的宽度显示方式。当参数值为 'auto' 时，下拉区域宽度会根据内容自动展开；当参数值为 'ellipsis' 时，下拉区域宽度将与输入框保持一致，若内容超出宽度则会显示省略号，鼠标悬浮在内容上时会出现 tooltip 提示信息"}
+ * @editorparams {"name":"valuetype","parameterType":"string","description":"编辑器的值类型"}
+ * @editorparams {"name":"objectidfield","parameterType":"string","description":"值类型为OBJECTS时的对象标识属性"}
+ * @editorparams {"name":"objectnamefield","parameterType":"string","description":"值类型为OBJECTS时的对象名称属性。也用于控制是否触发下拉区域数据的默认加载，配置时会触发默认加载，不配置时不会触发默认加载"}
+ * @editorparams {"name":"objectvaluefield","parameterType":"string","description":"值类型为OBJECTS时的对象值属性"}
+ * @editorparams {"name":"readonly","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否为只读态"}
+ * @editorparams {"name":"ac","parameterType":"boolean","defaultvalue":false,"description":"设置编辑器是否启用AC自填模式"}
+ * @editorparams {"name":"actionpostion","parameterType":"'top' | 'bottom'","defaultvalue":"'bottom'","description":"设置AC自填模式行为组位置，默认在下拉底部"}
  * @ignoreprops overflowMode
  */
 export declare const IBizMPicker: import("vue").DefineComponent<{
@@ -32,26 +39,27 @@ export declare const IBizMPicker: import("vue").DefineComponent<{
         required: boolean;
     };
 }, {
-    ns: import("@ibiz-template/core").Namespace;
     c: PickerEditorController;
-    curValue: Ref<string[]>;
-    loading: Ref<boolean>;
+    ns: import("@ibiz-template/core").Namespace;
     items: Ref<import("@ibiz-template/core").IApiData[]>;
+    loading: Ref<boolean>;
+    curValue: Ref<string[]>;
     valueText: import("vue").ComputedRef<string>;
+    editorRef: Ref<any>;
+    isEllipsis: boolean;
+    isEditable: Ref<boolean>;
+    selectItems: Ref<import("@ibiz-template/core").IApiData[]>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
+    onBlur: (e: IData) => void;
+    onFocus: (e: IData) => void;
     onSearch: (query: string) => Promise<void>;
-    onOpenChange: (flag: boolean) => void;
-    onSelect: (selects: string[]) => void;
+    onSelect: (selects: string[]) => Promise<void>;
     onRemove: (tag: string) => void;
-    openPickUpView: () => Promise<void>;
-    onFocus: (e: IData) => void;
-    onBlur: (e: IData) => void;
+    onOpenChange: (flag: boolean) => void;
     handleKeyUp: (e: KeyboardEvent) => void;
-    selectItems: Ref<import("@ibiz-template/core").IApiData[]>;
-    editorRef: Ref<any>;
-    isEditable: Ref<boolean>;
     setEditable: (flag: boolean) => void;
-    showFormDefaultContent: import("vue").ComputedRef<boolean>;
-    renderEmpty: () => JSX.Element | undefined;
+    openPickUpView: () => Promise<void>;
+    renderListContent: () => (JSX.Element | undefined)[];
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined, _ignore?: boolean | undefined) => boolean;
     blur: (_event?: import("@ibiz-template/core").IApiData | undefined) => boolean;