@ibiz-template/vue3-components 0.7.26-alpha.3 → 0.7.27

package/es/control/toolbar/export-excel/export-excel.mjs

@@ -62,7 +62,7 @@ const IBizExportExcel = /* @__PURE__ */ defineComponent({
       title: () => {
         let _slot;
         return createVNode(resolveComponent("el-button"), {
-          "title": this.item.tooltip,
+          "title": ibiz.env.enableTitle ? this.item.tooltip : void 0,
           "size": this.$props.size,
           "class": this.ns.b("submenu-button")
         }, _isSlot(_slot = this.btnContent(this.item)) ? _slot : {
@@ -137,7 +137,7 @@ const IBizExportExcel = /* @__PURE__ */ defineComponent({
       default: () => {
         let _slot6;
         return createVNode(resolveComponent("el-button"), {
-          "title": this.item.tooltip,
+          "title": ibiz.env.enableTitle ? this.item.tooltip : void 0,
           "size": this.$props.size,
           "class": this.ns.e("button")
         }, _isSlot(_slot6 = this.btnContent(this.item)) ? _slot6 : {

package/es/control/toolbar/short-cut-button/short-cut-button.mjs

@@ -49,7 +49,10 @@ const IBizShortCutButton = /* @__PURE__ */ defineComponent({
     return createVNode("div", {
       "class": [this.ns.b(), this.ns.is("short-cut", this.isShortCut)]
     }, [createVNode(resolveComponent("el-button"), {
-      "title": this.isShortCut ? "".concat(ibiz.i18n.t("app.cancel")).concat(this.item.tooltip) : this.item.tooltip,
+      "title": (
+        // eslint-disable-next-line no-nested-ternary
+        ibiz.env.enableTitle ? this.isShortCut ? "".concat(ibiz.i18n.t("app.cancel")).concat(this.item.tooltip) : this.item.tooltip : void 0
+      ),
       "size": this.size,
       "text": Object.is(this.buttonType, "inverse"),
       "type": this.buttonType,

package/es/control/toolbar/toolbar.mjs

@@ -70,7 +70,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
           "key": button.id,
           "class": [ns.e("item")]
         }, [createVNode(resolveComponent("el-button"), {
-          "title": button.tooltip,
+          "title": ibiz.env.enableTitle ? button.tooltip : void 0,
           "size": btnSize.value,
           "onClick": (e) => handleClick(button, e)
         }, _isSlot(_slot = btnContent(button)) ? _slot : {
@@ -243,7 +243,7 @@ const ToolbarControl = /* @__PURE__ */ defineComponent({
           "key": itemId,
           "class": [ns.e("item"), ns.e("item-deuiaction"), ns.em("item", buttonType), calcCssName(item), ns.is("loading", c.state.buttonsState[itemId].loading)]
         }, [createVNode(resolveComponent("el-button"), {
-          "title": item.tooltip,
+          "title": ibiz.env.enableTitle ? item.tooltip : void 0,
           "size": btnSize.value,
           "text": Object.is(buttonType, "inverse"),
           "type": buttonType,

package/es/control/tree/index.d.ts

@@ -33,6 +33,10 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
         type: BooleanConstructor;
         default: boolean;
     };
+    checkStrictly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     c: import("@ibiz-template/runtime").TreeController<import("@ibiz/model-core").IDETree, import("@ibiz-template/runtime").ITreeState, import("@ibiz-template/runtime").ITreeEvent>;
     ns: import("@ibiz-template/core").Namespace;
@@ -987,11 +991,16 @@ export declare const IBizTreeControl: import("@ibiz-template/vue3-util").TypeWit
         type: BooleanConstructor;
         default: boolean;
     };
+    checkStrictly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     params: IParams;
     mdctrlActiveMode: number;
     singleSelect: boolean;
     loadDefault: boolean;
+    checkStrictly: boolean;
     navigational: boolean;
 }, {}>>;
 export default IBizTreeControl;

package/es/control/tree/tree.css

@@ -1 +1 @@
-.ibiz-control-treeview{--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-treeview-icon-height:var(--ibiz-spacing-base);--ibiz-control-treeview-icon-width:var(--ibiz-spacing-base);height:100%;padding:var(--ibiz-spacing-tight) 0}.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%}.ibiz-control-treeview-node__icon{display:inline-block;width:var(--ibiz-control-treeview-icon-width);height:var(--ibiz-control-treeview-icon-height);margin-right:var(--ibiz-spacing-tight)}.ibiz-control-treeview-node__icon>svg{width:100%;height:100%}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-node--disabled{color:var(--ibiz-color-disabled-text);cursor:not-allowed}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:30px;text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}.ibiz-control-treeview-context-menu.mx-context-menu{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base)}.ibiz-control-treeview-quick-search{padding:0 var(--ibiz-spacing-base) var(--ibiz-spacing-tight)}.ibiz-control-treeview-tree{padding:0 var(--ibiz-spacing-base)}
+.ibiz-control-treeview{--ibiz-control-treeview-padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base);--ibiz-control-treeview-icon-height:var(--ibiz-spacing-base);--ibiz-control-treeview-icon-width:var(--ibiz-spacing-base);height:100%;padding:var(--ibiz-spacing-tight) 0}.ibiz-control-treeview-node{display:flex;flex-grow:1;flex-shrink:1;align-items:center;min-width:1px;height:100%}.ibiz-control-treeview-node__icon{display:flex;align-items:center;width:var(--ibiz-control-treeview-icon-width);height:var(--ibiz-control-treeview-icon-height);margin-right:var(--ibiz-spacing-tight)}.ibiz-control-treeview-node__icon>svg{width:100%;height:100%}.ibiz-control-treeview-node__label{flex-grow:1;flex-shrink:1;min-width:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ibiz-control-treeview-node:hover .ibiz-control-treeview-context-menu-trigger{display:inline-block}.ibiz-control-treeview-node--disabled{color:var(--ibiz-color-disabled-text);cursor:not-allowed}.ibiz-control-treeview-context-menu-trigger{display:none;flex-shrink:0;width:30px;text-align:center;cursor:pointer}.ibiz-control-treeview-context-menu-trigger__caption-icon{vertical-align:middle}.ibiz-control-treeview-context-menu.mx-context-menu{padding:var(--ibiz-spacing-extra-tight) 0}.ibiz-control-treeview-context-menu.mx-context-menu .mx-context-menu-item{padding:var(--ibiz-spacing-tight) var(--ibiz-spacing-base)}.ibiz-control-treeview-quick-search{padding:0 var(--ibiz-spacing-base) var(--ibiz-spacing-tight)}.ibiz-control-treeview-tree{padding:0 var(--ibiz-spacing-base)}

package/es/control/tree/tree.d.ts

@@ -54,6 +54,10 @@ export declare const TreeControl: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    checkStrictly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     c: TreeController<IDETree, import("@ibiz-template/runtime").ITreeState, import("@ibiz-template/runtime").ITreeEvent>;
     ns: import("@ibiz-template/core").Namespace;
@@ -1023,10 +1027,15 @@ export declare const TreeControl: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    checkStrictly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>>, {
     params: IParams;
     mdctrlActiveMode: number;
     singleSelect: boolean;
     loadDefault: boolean;
+    checkStrictly: boolean;
     navigational: boolean;
 }, {}>;

package/es/control/tree/tree.mjs

@@ -63,6 +63,10 @@ const TreeControl = /* @__PURE__ */ defineComponent({
     loadDefault: {
       type: Boolean,
       default: true
+    },
+    checkStrictly: {
+      type: Boolean,
+      default: true
     }
   },
   setup() {
@@ -473,7 +477,7 @@ const TreeControl = /* @__PURE__ */ defineComponent({
           "expand-on-click-node": false,
           "auto-expand-parent": false,
           "show-checkbox": !this.c.state.singleSelect,
-          "check-strictly": !this.cascadeSelect,
+          "check-strictly": !this.cascadeSelect && this.checkStrictly,
           "default-expanded-keys": this.c.state.expandedKeys,
           "props": {
             label: "_text",

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

@@ -1 +1 @@
-@charset "UTF-8";.ibiz-mpicker{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:relative;right:11px;display:inline-block}.ibiz-mpicker__btns{position:absolute;right:0;height:100%;color:var(--ibiz-form-item-placeholder-color);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-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{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{right:26px;cursor:pointer;position:relative;display:inline-block}.ibiz-mpicker__btns{position:absolute;right:0;height:100%;color:var(--ibiz-form-item-placeholder-color);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-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-picker/ibiz-picker.mjs

@@ -91,8 +91,8 @@ const IBizPicker = /* @__PURE__ */ defineComponent({
     const openLinkView = async (e) => {
       e.stopPropagation();
       const res = await c.openLinkView(props.data);
-      if (res && res[0]) {
-        await handleDataSelect(res[0]);
+      if (res && res.ok && res.data && res.data.length > 0) {
+        await handleDataSelect(res.data[0]);
       }
     };
     const onACSelect = async (item) => {

package/es/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.css

@@ -1 +1 @@
-.ibiz-picker-embed-view .ibiz-picker-embed-view-value{height:var(--ibiz-form-item-line-height);line-height:var(--ibiz-form-item-line-height)}
+.ibiz-picker-embed-view--disabled{cursor:not-allowed}.ibiz-picker-embed-view--disabled *{pointer-events:none;cursor:not-allowed}.ibiz-picker-embed-view--disabled .el-tree-node__expand-icon{pointer-events:all;cursor:pointer}.ibiz-picker-embed-view .ibiz-picker-embed-view-value{height:var(--ibiz-form-item-line-height);line-height:var(--ibiz-form-item-line-height)}

package/es/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.d.ts

@@ -38,6 +38,10 @@ export declare const IBizPickerEmbedView: import("vue").DefineComponent<{
     onSelectionChange: (event: EventBase) => void;
     editorRef: import("vue").Ref<any>;
     pickupViewModel: import("vue").ComputedRef<import("@ibiz-template/runtime").IViewConfig | null>;
+    singleSelect: import("vue").Ref<boolean>;
+    checkStrictly: import("vue").Ref<boolean>;
+    isShowText: import("vue").Ref<boolean>;
+    selectedData: import("vue").Ref<IData[]>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (_value: unknown, _name?: string | undefined) => boolean;
     blur: (_event?: IData | undefined) => boolean;

package/es/editor/data-picker/ibiz-picker-embed-view/ibiz-picker-embed-view.mjs

@@ -29,6 +29,42 @@ const IBizPickerEmbedView = /* @__PURE__ */ defineComponent({
         setViewParam();
       }
     });
+    const editorParams = c.model.editorParams;
+    const singleSelect = ref(true);
+    const checkStrictly = ref(true);
+    const isShowText = ref(true);
+    if (editorParams) {
+      if (editorParams.multiple) {
+        singleSelect.value = !c.toBoolean(editorParams.multiple);
+      }
+      if (editorParams.checkStrictly) {
+        checkStrictly.value = c.toBoolean(editorParams.checkStrictly);
+      }
+      if (editorParams.isShowText) {
+        isShowText.value = c.toBoolean(editorParams.isShowText);
+      }
+    }
+    const selectedData = ref([]);
+    watch(() => props.value, (newVal) => {
+      var _a, _b, _c, _d;
+      selectedData.value = [];
+      if (newVal) {
+        if (c.valueItem) {
+          const tempValue = (_c = (_b = (_a = props.data) == null ? void 0 : _a[c.valueItem]) == null ? void 0 : _b.split) == null ? void 0 : _c.call(_b, ",");
+          const tempText = (_d = newVal == null ? void 0 : newVal.split) == null ? void 0 : _d.call(newVal, ",");
+          if (tempValue && tempText) {
+            selectedData.value = tempValue.map((srfkey, index) => {
+              return {
+                srfkey,
+                srfmajortext: tempText[index]
+              };
+            });
+          }
+        }
+      }
+    }, {
+      immediate: true
+    });
     const onViewDataChange = (event) => {
       let tempValue = "";
       let temText = "";
@@ -61,14 +97,18 @@ const IBizPickerEmbedView = /* @__PURE__ */ defineComponent({
       params,
       onSelectionChange,
       editorRef,
-      pickupViewModel
+      pickupViewModel,
+      singleSelect,
+      checkStrictly,
+      isShowText,
+      selectedData
     };
   },
   render() {
     var _a;
     const viewShell = resolveComponent("IBizViewShell");
     return createVNode("div", {
-      "class": [this.ns.b()],
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : ""],
       "ref": "editorRef"
     }, [this.pickupViewModel ? [createVNode("div", {
       "class": this.ns.b("view")
@@ -76,8 +116,13 @@ const IBizPickerEmbedView = /* @__PURE__ */ defineComponent({
       context: this.context,
       params: this.params,
       viewId: (_a = this.c.pickupView) == null ? void 0 : _a.id,
+      state: {
+        singleSelect: this.singleSelect,
+        checkStrictly: this.checkStrictly,
+        selectedData: this.selectedData
+      },
       onSelectionChange: this.onSelectionChange
-    })]), createVNode("div", {
+    })]), this.isShowText && createVNode("div", {
       "class": this.ns.b("value")
     }, [this.$props.value ? this.$props.value.split(",").map((item) => {
       return createVNode("span", null, [item, createTextVNode("; ")]);

package/es/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.mjs

@@ -266,8 +266,8 @@ const IBizPickerSelectView = /* @__PURE__ */ defineComponent({
     const openLinkView = async (e) => {
       e.stopPropagation();
       const res = await c.openLinkView(props.data);
-      if (res) {
-        onViewDataChange(res);
+      if (res && res.ok && res.data) {
+        onViewDataChange(res.data);
       }
     };
     const onSelectChange = (selects) => {

package/es/editor/data-picker/picker-editor.controller.d.ts

@@ -1,5 +1,5 @@
 import { IHttpResponse } from '@ibiz-template/core';
-import { EditorController, IViewConfig, IAcItemProvider } from '@ibiz-template/runtime';
+import { EditorController, IViewConfig, IModalData, IAcItemProvider } from '@ibiz-template/runtime';
 import { IAppDEACMode, IDEACModeDataItem, IPicker } from '@ibiz/model-core';
 /**
  * 数据选择编辑器控制器
@@ -101,7 +101,7 @@ export declare class PickerEditorController extends EditorController<IPicker> {
     /**
      * 打开数据链接视图
      */
-    openLinkView(data: IData): Promise<IData[] | undefined>;
+    openLinkView(data: IData): Promise<IModalData | undefined>;
     /**
      * 计算回填数据
      *

package/es/editor/dropdown-list/dropdown-list-editor.controller.d.ts

@@ -21,5 +21,11 @@ export declare class DropDownListEditorController extends CodeListEditorControll
      * @Date: 2024-03-12 14:33:14
      */
     forceSelection: boolean;
+    /**
+     * 预置项空白项名称
+     *
+     * @memberof DropDownListEditorController
+     */
+    blankItemName: string;
     protected onInit(): Promise<void>;
 }

package/es/editor/dropdown-list/dropdown-list-editor.controller.mjs

@@ -24,9 +24,15 @@ class DropDownListEditorController extends CodeListEditorController {
      * @Date: 2024-03-12 14:33:14
      */
     __publicField(this, "forceSelection", true);
+    /**
+     * 预置项空白项名称
+     *
+     * @memberof DropDownListEditorController
+     */
+    __publicField(this, "blankItemName", "");
   }
   async onInit() {
-    var _a;
+    var _a, _b;
     super.onInit();
     if (this.model.editorType === "MDROPDOWNLIST") {
       this.multiple = true;
@@ -34,6 +40,9 @@ class DropDownListEditorController extends CodeListEditorController {
     if ((_a = this.editorParams) == null ? void 0 : _a.forceSelection) {
       this.forceSelection = this.toBoolean(this.editorParams.forceSelection);
     }
+    if ((_b = this.editorParams) == null ? void 0 : _b.blankItemName) {
+      this.blankItemName = this.editorParams.blankItemName;
+    }
   }
 }
 

package/es/editor/dropdown-list/dropdown-list-editor.provider.d.ts

@@ -13,5 +13,6 @@ import { DropDownListEditorController } from './dropdown-list-editor.controller'
 export declare class DropDownListEditorProvider implements IEditorProvider {
     formEditor: string;
     gridEditor: string;
+    constructor(editorType?: string);
     createController(editorModel: IDropDownList, parentController: IEditorContainerController): Promise<DropDownListEditorController>;
 }

package/es/editor/dropdown-list/dropdown-list-editor.provider.mjs

@@ -8,9 +8,18 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 class DropDownListEditorProvider {
-  constructor() {
+  constructor(editorType) {
     __publicField(this, "formEditor", "IBizDropdown");
     __publicField(this, "gridEditor", "IBizDropdown");
+    let componentName = "IBizDropdown";
+    switch (editorType) {
+      case "EMOJI_PICKER":
+        componentName = "IBizEmojiPicker";
+        break;
+      default:
+    }
+    this.formEditor = componentName;
+    this.gridEditor = componentName;
   }
   async createController(editorModel, parentController) {
     const c = new DropDownListEditorController(editorModel, parentController);

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.d.ts

@@ -1,6 +1,6 @@
 import { Ref } from 'vue';
-import './ibiz-dropdown.scss';
 import { DropDownListEditorController } from '../dropdown-list-editor.controller';
+import './ibiz-dropdown.scss';
 export declare const IBizDropdown: import("vue").DefineComponent<{
     value: (StringConstructor | NumberConstructor)[];
     controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DropDownListEditorController>, undefined, undefined>;

package/es/editor/dropdown-list/ibiz-dropdown/ibiz-dropdown.mjs

@@ -44,10 +44,11 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       }
       const list = [];
       nodes.forEach((codeItem) => {
+        var _a;
         codeListItems.value.push(codeItem);
         const tempObj = {
           label: codeItem.text,
-          value: codeItem.value.toString(),
+          value: (_a = codeItem.value) == null ? void 0 : _a.toString(),
           color: codeItem == null ? void 0 : codeItem.color,
           textCls: codeItem == null ? void 0 : codeItem.textCls,
           sysImage: codeItem.sysImage,
@@ -72,7 +73,14 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
       isLoading.value = true;
       const codeList = await c.loadCodeList(props.data);
       isLoadedCodeList.value = true;
-      items.value = codeList;
+      if (c.blankItemName) {
+        items.value = [{
+          value: void 0,
+          text: c.blankItemName
+        }, ...codeList];
+      } else {
+        items.value = codeList;
+      }
       for (let i = 0; i < items.value.length; i++) {
         const _item = items.value[i];
         if (_item.children) {
@@ -122,7 +130,11 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
         }
         return (_c = props.value) == null ? void 0 : _c.toString();
       },
-      set(select) {
+      set(_select) {
+        let select = _select;
+        if (c.blankItemName && !_select) {
+          select = void 0;
+        }
         if (Array.isArray(select)) {
           let selectArr = null;
           if (select.length === 0) {
@@ -302,9 +314,10 @@ const IBizDropdown = /* @__PURE__ */ defineComponent({
     }, this.$attrs), {
       default: () => {
         return this.items.map((item) => {
+          var _a;
           return createVNode(resolveComponent("el-option"), {
             "key": item.value,
-            "value": item.value.toString(),
+            "value": (_a = item.value) == null ? void 0 : _a.toString(),
             "label": item.text,
             "disabled": item.disableSelect === true,
             "style": item.bkcolor ? this.ns.cssVarBlock({

package/es/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.css

@@ -0,0 +1 @@
+.ibiz-emoji-picker{display:flex;align-items:center;width:100%;height:100%}.ibiz-emoji-picker__button-content{display:flex;align-items:center;min-height:var(--ibiz-height-control-default)}.ibiz-emoji-picker__button-content--icon{margin-right:var(--ibiz-spacing-extra-tight);fill:var(--ibiz-color-primary-text)}.ibiz-emoji-picker__button.is-clear{position:relative;padding:var(--ibiz-spacing-none);padding-right:var(--ibiz-spacing-base-tight);color:var(--ibiz-color-text-0);background-color:transparent}.ibiz-emoji-picker__button.is-clear:hover .ibiz-emoji-picker__button-content--icon{display:block}.ibiz-emoji-picker__button.is-clear .ibiz-emoji-picker__button-content--icon{position:absolute;top:0;right:0;display:none;margin-right:0;font-size:var(--ibiz-font-size-regular);fill:var(--ibiz-color-text-3)}.ibiz-emoji-picker__button.is-clear .ibiz-emoji-picker__button-content--icon:hover{fill:var(--ibiz-color-primary)}.ibiz-emoji-picker--readonly{display:flex;align-items:center;line-height:32px}.ibiz-emoji-picker--readonly .ibiz-emoji-picker__button{padding:0;color:var(--ibiz-form-item-readonly-color);pointer-events:none;cursor:default}.ibiz-emoji-picker--readonly .ibiz-emoji-picker__button .ibiz-emoji-picker__button-content{display:none}.ibiz-emoji-picker--readonly .is-clear.ibiz-emoji-picker__button .ibiz-emoji-picker__button-content{display:flex}.ibiz-emoji-picker--readonly .is-clear.ibiz-emoji-picker__button .ibiz-emoji-picker__button-content--icon{display:none}.ibiz-emoji-picker-popper.el-popper.el-popper{width:auto;padding:0}.ibiz-form-item .ibiz-emoji-picker.is-show-default{padding:var(--ibiz-form-item-hover-edit-padding)}.ibiz-form-item .ibiz-emoji-picker.is-show-default.is-active .ibiz-emoji-picker-form-default-content,.ibiz-form-item .ibiz-emoji-picker.is-show-default:hover .ibiz-emoji-picker-form-default-content{display:none}.ibiz-form-item .ibiz-emoji-picker.is-show-default.is-active .ibiz-emoji-picker__button,.ibiz-form-item .ibiz-emoji-picker.is-show-default:hover .ibiz-emoji-picker__button{padding:8px 15px;pointer-events:auto;background-color:var(--ibiz-color-primary)}.ibiz-form-item .ibiz-emoji-picker.is-show-default.is-active .ibiz-emoji-picker__button.is-clear,.ibiz-form-item .ibiz-emoji-picker.is-show-default:hover .ibiz-emoji-picker__button.is-clear{padding:var(--ibiz-spacing-none);padding-right:var(--ibiz-spacing-base-tight);background-color:transparent}.ibiz-form-item .ibiz-emoji-picker.is-show-default.is-active .ibiz-emoji-picker__button-content,.ibiz-form-item .ibiz-emoji-picker.is-show-default:hover .ibiz-emoji-picker__button-content{display:flex}.ibiz-form-item .ibiz-emoji-picker.is-show-default .ibiz-emoji-picker__button{padding:var(--ibiz-spacing-none);pointer-events:none;background:0 0}.ibiz-form-item .ibiz-emoji-picker.is-show-default .ibiz-emoji-picker-form-default-content{display:flex;align-items:center;width:100%;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-emoji-picker.is-show-default .ibiz-emoji-picker-form-default-content.is-clear{padding:var(--ibiz-spacing-none);padding-right:var(--ibiz-spacing-base-tight);background-color:transparent}.ibiz-form-item .ibiz-emoji-picker.is-show-default .ibiz-emoji-picker__button-content{display:none}.ibiz-form-item .ibiz-emoji-picker.is-show-default.is-editable .ibiz-emoji-picker-form-default-content{display:none}.ibiz-form-item .ibiz-emoji-picker.is-show-default.is-editable .ibiz-emoji-picker__button-content{display:flex}

package/es/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.d.ts

@@ -0,0 +1,74 @@
+import { DropDownListEditorController } from '../dropdown-list-editor.controller';
+import './ibiz-emoji-picker.scss';
+export declare const IBizEmojiPicker: import("vue").DefineComponent<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DropDownListEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, 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: DropDownListEditorController;
+    emoji: import("vue").Ref<string>;
+    visible: import("vue").Ref<boolean>;
+    emojiRef: import("vue").Ref<any>;
+    showFormDefaultContent: import("vue").ComputedRef<boolean>;
+    onSelect: (val: IData) => void;
+    onAddEmoji: (e: MouseEvent) => void;
+    onClearEmoji: (e: MouseEvent) => void;
+    renderReference: () => JSX.Element;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (_value: unknown, _name?: string | undefined) => boolean;
+    blur: (_event?: IData | undefined) => boolean;
+    focus: (_event?: IData | undefined) => boolean;
+    enter: (_event?: IData | undefined) => boolean;
+    infoTextChange: (_text: string) => boolean;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    value: (StringConstructor | NumberConstructor)[];
+    controller: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<DropDownListEditorController>, undefined, undefined>;
+    data: import("@ibiz-template/vue3-util").RequiredProp<import("vue").PropType<IData>, 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?: IData | undefined) => any) | undefined;
+    onBlur?: ((_event?: IData | undefined) => any) | undefined;
+    onChange?: ((_value: unknown, _name?: string | undefined) => any) | undefined;
+    onInfoTextChange?: ((_text: string) => any) | undefined;
+    onEnter?: ((_event?: IData | undefined) => any) | undefined;
+}, {
+    disabled: boolean;
+    autoFocus: boolean;
+    readonly: boolean;
+}, {}>;

package/es/editor/dropdown-list/ibiz-emoji-picker/ibiz-emoji-picker.mjs

@@ -0,0 +1,144 @@
+import { ref, computed, watch, createVNode, resolveComponent, defineComponent } from 'vue';
+import { getDropdownProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import { strToBase64, isBase64, base64ToStr } from '@ibiz-template/core';
+import './ibiz-emoji-picker.css';
+
+"use strict";
+const IBizEmojiPicker = /* @__PURE__ */ defineComponent({
+  name: "IBizEmojiPicker",
+  props: getDropdownProps(),
+  emits: getEditorEmits(),
+  setup(props, {
+    emit
+  }) {
+    const ns = useNamespace("emoji-picker");
+    const c = props.controller;
+    const emojiRef = ref();
+    const emoji = ref("");
+    const visible = ref(false);
+    const showFormDefaultContent = computed(() => {
+      if (props.controlParams && props.controlParams.editmode === "hover" && !props.readonly) {
+        return true;
+      }
+      return false;
+    });
+    const onAddEmoji = (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      visible.value = true;
+    };
+    const onClearEmoji = (e) => {
+      e.stopPropagation();
+      e.preventDefault();
+      emoji.value = "";
+      visible.value = false;
+      emit("change", "");
+      console.log("emojiRef", emojiRef.value);
+      emojiRef.value.click();
+    };
+    const onSelect = (val) => {
+      visible.value = false;
+      emoji.value = val.data;
+      emit("change", strToBase64(val.data));
+    };
+    watch(() => props.value, (newVal, oldVal) => {
+      if (newVal !== oldVal) {
+        if (!newVal) {
+          emoji.value = "";
+        } else if (Number.isNaN(Number(newVal)) && isBase64("".concat(newVal))) {
+          emoji.value = base64ToStr("".concat(newVal));
+        } else {
+          emoji.value = newVal.toString();
+        }
+      }
+    }, {
+      immediate: true
+    });
+    const renderButtonContent = () => {
+      let content = createVNode("span", {
+        "class": [ns.e("button-content")],
+        "onClick": onAddEmoji
+      }, [createVNode("svg", {
+        "class": ns.em("button-content", "icon"),
+        "viewBox": "0 0 1040 1024",
+        "version": "1.1",
+        "xmlns": "http://www.w3.org/2000/svg",
+        "p-id": "1490",
+        "width": "1em",
+        "height": "1em"
+      }, [createVNode("path", {
+        "d": "M512.075261 1024A511.774217 511.774217 0 1 1 730.482434 48.769072a37.630457 37.630457 0 1 1-32.061149 68.035867 436.513303 436.513303 0 1 0 250.468323 395.270322 37.630457 37.630457 0 0 1 75.260914 0 512.526826 512.526826 0 0 1-512.075261 511.924739z",
+        "p-id": "1491"
+      }, null), createVNode("path", {
+        "d": "M333.857416 344.0929a57.348817 57.348817 0 1 0 57.348817 57.348817 57.499339 57.499339 0 0 0-57.348817-57.348817zM686.53006 344.0929a57.348817 57.348817 0 1 0 57.348817 57.348817 57.348817 57.348817 0 0 0-57.348817-57.348817zM515.236219 783.165074c-162.864619 0-262.359547-141.942084-262.359547-219.159782a30.104366 30.104366 0 0 1 60.208731 0c0 48.618551 76.314567 158.951051 202.150816 158.951051s193.571072-134.114949 193.571072-158.951051a30.104366 30.104366 0 0 1 60.208731 0c0 54.488902-90.012054 219.159782-253.779803 219.159782zM1009.549904 207.720123h-67.132735V139.985301a30.104366 30.104366 0 1 0-60.208732 0v67.734822h-67.734822a30.104366 30.104366 0 0 0-30.104366 30.104366 30.104366 30.104366 0 0 0 30.104366 30.104366h67.734822v67.734823a30.104366 30.104366 0 0 0 60.208732 0v-67.734823h67.734823a30.104366 30.104366 0 0 0 30.104365-30.104366 30.104366 30.104366 0 0 0-30.706453-30.104366z",
+        "p-id": "1492"
+      }, null)]), ibiz.i18n.t("editor.emojiPicker.addEmoji")]);
+      if (emoji.value) {
+        content = createVNode("span", {
+          "class": [ns.e("button-content")]
+        }, [createVNode("svg", {
+          "class": ns.em("button-content", "icon"),
+          "xmlns": "http://www.w3.org/2000/svg",
+          "viewBox": "0 0 1024 1024",
+          "width": "1em",
+          "height": "1em",
+          "onClick": onClearEmoji
+        }, [createVNode("path", {
+          "d": "M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896m0 393.664L407.936 353.6a38.4 38.4 0 1 0-54.336 54.336L457.664 512 353.6 616.064a38.4 38.4 0 1 0 54.336 54.336L512 566.336 616.064 670.4a38.4 38.4 0 1 0 54.336-54.336L566.336 512 670.4 407.936a38.4 38.4 0 1 0-54.336-54.336z"
+        }, null)]), createVNode("span", {
+          "innerHTML": emoji.value
+        }, null)]);
+      }
+      return content;
+    };
+    const renderFormDefaultContent = () => {
+      return createVNode("div", {
+        "class": [ns.b("form-default-content"), ns.is("clear", !!emoji.value)]
+      }, [emoji.value ? emoji.value : "-"]);
+    };
+    const renderReference = () => {
+      return createVNode(resolveComponent("el-button"), {
+        "class": [ns.e("button"), ns.is("clear", !!emoji.value)]
+      }, {
+        default: () => [showFormDefaultContent.value && renderFormDefaultContent(), renderButtonContent()]
+      });
+    };
+    return {
+      ns,
+      c,
+      emoji,
+      visible,
+      emojiRef,
+      showFormDefaultContent,
+      onSelect,
+      onAddEmoji,
+      onClearEmoji,
+      renderReference
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "ref": "emojiRef",
+      "class": [this.ns.b(), this.disabled ? this.ns.m("disabled") : "", this.readonly ? this.ns.m("readonly") : "", this.ns.is("active", this.visible), this.ns.is("show-default", this.showFormDefaultContent)]
+    }, [createVNode(resolveComponent("el-popover"), {
+      "trigger": "click",
+      "placement": "bottom-start",
+      "width": "auto",
+      "visible": this.visible,
+      "onUpdate:visible": ($event) => this.visible = $event,
+      "hide-after": 0,
+      "popper-class": [this.ns.b("popper")]
+    }, {
+      reference: () => this.renderReference(),
+      default: () => {
+        return createVNode(resolveComponent("iBizEmojiSelect"), {
+          "continuousList": true,
+          "dark": true,
+          "onSelect": this.onSelect
+        }, null);
+      }
+    })]);
+  }
+});
+
+export { IBizEmojiPicker };

package/es/editor/dropdown-list/index.d.ts

@@ -1,3 +1,4 @@
 export { IBizDropdown } from './ibiz-dropdown/ibiz-dropdown';
+export { IBizEmojiPicker } from './ibiz-emoji-picker/ibiz-emoji-picker';
 export * from './dropdown-list-editor.controller';
 export * from './dropdown-list-editor.provider';