@ibiz-template/vue3-components 0.2.11 → 0.2.12

package/lib/common/index.cjs

@@ -3,16 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
+var vue3Util = require('@ibiz-template/vue3-util');
 var actionToolbar = require('./action-toolbar/action-toolbar.cjs');
 var col = require('./col/col.cjs');
-var icon = require('./icon/icon.cjs');
-var routerView = require('./router-view/router-view.cjs');
 var row = require('./row/row.cjs');
-var controlBase = require('./control-base/control-base.cjs');
-var controlShell = require('./control-shell/control-shell.cjs');
-var viewShell = require('./view-shell/view-shell.cjs');
 var rawitem = require('./rawitem/rawitem.cjs');
-var codeList = require('./code-list/code-list.cjs');
 var noData = require('./no-data/no-data.cjs');
 var split = require('./split/split.cjs');
 var splitTrigger = require('./split-trigger/split-trigger.cjs');
@@ -21,21 +16,20 @@ var viewMessage = require('./view-message/view-message.cjs');
 var pagination = require('./pagination/pagination.cjs');
 var sortBar = require('./sort-bar/sort-bar.cjs');
 var dataImport = require('./data-import/data-import.cjs');
-var controlLoadingPlaceholder = require('./control-loading-placeholder/control-loading-placeholder.cjs');
 
 "use strict";
 const IBizCommonComponents = {
   install: (v) => {
-    v.component(controlBase.IBizControlBase.name, controlBase.IBizControlBase);
-    v.component(icon.IBizIcon.name, icon.IBizIcon);
+    v.component(vue3Util.IBizControlBase.name, vue3Util.IBizControlBase);
+    v.component(vue3Util.IBizIcon.name, vue3Util.IBizIcon);
     v.component(row.IBizRow.name, row.IBizRow);
     v.component(col.IBizCol.name, col.IBizCol);
-    v.component(routerView.IBizRouterView.name, routerView.IBizRouterView);
+    v.component(vue3Util.IBizRouterView.name, vue3Util.IBizRouterView);
     v.component(actionToolbar.IBizActionToolbar.name, actionToolbar.IBizActionToolbar);
-    v.component(viewShell.IBizViewShell.name, viewShell.IBizViewShell);
-    v.component(controlShell.IBizControlShell.name, controlShell.IBizControlShell);
+    v.component(vue3Util.IBizViewShell.name, vue3Util.IBizViewShell);
+    v.component(vue3Util.IBizControlShell.name, vue3Util.IBizControlShell);
     v.component(rawitem.IBizRawItem.name, rawitem.IBizRawItem);
-    v.component(codeList.IBizCodeList.name, codeList.IBizCodeList);
+    v.component(vue3Util.IBizCodeList.name, vue3Util.IBizCodeList);
     v.component(noData.IBizNoData.name, noData.IBizNoData);
     v.component(split.IBizSplit.name, split.IBizSplit);
     v.component(splitTrigger.IBizSplitTrigger.name, splitTrigger.IBizSplitTrigger);
@@ -55,17 +49,10 @@ const IBizCommonComponents = {
 
 exports.IBizActionToolbar = actionToolbar.IBizActionToolbar;
 exports.IBizCol = col.IBizCol;
-exports.IBizIcon = icon.IBizIcon;
-exports.IBizRouterView = routerView.IBizRouterView;
 exports.IBizRow = row.IBizRow;
-exports.IBizControlBase = controlBase.IBizControlBase;
-exports.IBizControlShell = controlShell.IBizControlShell;
-exports.IBizViewShell = viewShell.IBizViewShell;
 exports.IBizRawItem = rawitem.IBizRawItem;
-exports.IBizCodeList = codeList.IBizCodeList;
 exports.IBizSplit = split.IBizSplit;
 exports.IBizSplitTrigger = splitTrigger.IBizSplitTrigger;
 exports.IBizSortBar = sortBar.IBizSortBar;
-exports.ControlLoadingPlaceholder = controlLoadingPlaceholder.ControlLoadingPlaceholder;
 exports.IBizCommonComponents = IBizCommonComponents;
 exports.default = IBizCommonComponents;

package/lib/control/chart/index.cjs

@@ -3,10 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var runtime = require('@ibiz-template/runtime');
+var vue3Util = require('@ibiz-template/vue3-util');
 var vue = require('vue');
-require('../../common/index.cjs');
 var chart_provider = require('./chart.provider.cjs');
-var controlLoadingPlaceholder = require('../../common/control-loading-placeholder/control-loading-placeholder.cjs');
 
 "use strict";
 const IBizChartControl = {
@@ -15,7 +14,7 @@ const IBizChartControl = {
       "IBizChartControl",
       vue.defineAsyncComponent({
         loader: () => Promise.resolve().then(function () { return require('./chart.cjs'); }),
-        loadingComponent: controlLoadingPlaceholder.ControlLoadingPlaceholder,
+        loadingComponent: vue3Util.ControlLoadingPlaceholder,
         delay: 0
       })
     );

package/lib/control/form/form-detail/form-druipart/form-druipart.css

@@ -1 +1 @@
-.ibiz-form-druipart{position:relative;width:100%;height:100%}.ibiz-form-druipart__mask{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;color:#fff;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}
+.ibiz-form-druipart{position:relative;width:100%;height:100%}.ibiz-form-druipart__mask{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;color:#fff;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-container/form-mdctrl-container.cjs

@@ -32,12 +32,16 @@ const FormMDCtrlContainer = /* @__PURE__ */ vue.defineComponent({
       emit("insertButtonClick");
     };
     const hasCaption = c.model.showCaption && !!c.model.caption;
+    const hasButtons = vue.computed(() => {
+      return props.buttonVisible && (c.isCreate || c.isDelete);
+    });
     return {
       ns,
       c,
       handleRemove,
       insertButtonClick,
-      hasCaption
+      hasCaption,
+      hasButtons
     };
   },
   render() {
@@ -59,7 +63,7 @@ const FormMDCtrlContainer = /* @__PURE__ */ vue.defineComponent({
       })]), renderFormContent()]]);
     };
     return vue.createVNode("div", {
-      "class": [this.ns.b(), this.ns.b(this.c.model.codeName), this.ns.b(this.c.model.contentType.toLowerCase()), ...this.controller.containerClass, this.ns.is("no-caption", !this.hasCaption)]
+      "class": [this.ns.b(), this.ns.b(this.c.model.codeName), this.ns.b(this.c.model.contentType.toLowerCase()), ...this.controller.containerClass, this.ns.is("no-caption", !this.hasCaption), this.ns.is("no-buttons", !this.hasButtons)]
     }, [renderMainContent()]);
   }
 });

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-container/form-mdctrl-container.css

@@ -1 +1 @@
-.ibiz-form-mdctrl{min-height:var(--ibiz-form-mdctrl-min-height);--ibiz-form-mdctrl-gap:var(--ibiz-spacing-tight);--ibiz-form-mdctrl-btn-width:60px;--ibiz-form-mdctrl-min-height:32px;--ibiz-form-mdctrl-content-min-height:72px}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-form-content{display:flex;min-height:var(--ibiz-form-mdctrl-content-min-height);margin-top:var(--ibiz-spacing-tight)}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-form-content-container{width:100%}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-form-content-control{width:calc(100% - var(--ibiz-form-mdctrl-btn-width) - var(--ibiz-form-mdctrl-gap))}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-btn{width:var(--ibiz-form-mdctrl-btn-width);margin-left:var(--ibiz-form-mdctrl-gap);display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-start}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-btn button{cursor:pointer}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-title{display:flex;align-items:center;justify-content:space-between}.ibiz-form-mdctrl.is-no-caption .ibiz-form-mdctrl-main{position:relative}.ibiz-form-mdctrl.is-no-caption .ibiz-form-mdctrl-main>.ibiz-form-mdctrl-form-content:nth-child(2) .ibiz-form-mdctrl-btn{position:relative;top:40px;height:-moz-fit-content;height:fit-content}.ibiz-form-mdctrl.is-no-caption .ibiz-form-mdctrl-main .ibiz-form-mdctrl-title{position:absolute;top:0;right:0;z-index:2}
+.ibiz-form-mdctrl{min-height:var(--ibiz-form-mdctrl-min-height);--ibiz-form-mdctrl-gap:var(--ibiz-spacing-tight);--ibiz-form-mdctrl-btn-width:60px;--ibiz-form-mdctrl-min-height:32px;--ibiz-form-mdctrl-content-min-height:72px}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-form-content{display:flex;min-height:var(--ibiz-form-mdctrl-content-min-height);margin-top:var(--ibiz-spacing-tight)}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-form-content-container{width:100%}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-form-content-control{width:calc(100% - var(--ibiz-form-mdctrl-btn-width) - var(--ibiz-form-mdctrl-gap))}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-btn{width:var(--ibiz-form-mdctrl-btn-width);margin-left:var(--ibiz-form-mdctrl-gap);display:flex;flex-flow:column nowrap;align-items:center;justify-content:flex-start}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-btn button{cursor:pointer}.ibiz-form-mdctrl .ibiz-form-mdctrl-main .ibiz-form-mdctrl-title{display:flex;align-items:center;justify-content:space-between}.ibiz-form-mdctrl.is-no-caption .ibiz-form-mdctrl-main{position:relative}.ibiz-form-mdctrl.is-no-caption .ibiz-form-mdctrl-main>.ibiz-form-mdctrl-form-content:nth-child(2) .ibiz-form-mdctrl-btn{position:relative;top:40px;height:-moz-fit-content;height:fit-content}.ibiz-form-mdctrl.is-no-caption .ibiz-form-mdctrl-main .ibiz-form-mdctrl-title{position:absolute;top:0;right:0;z-index:2}.ibiz-form-mdctrl.is-no-buttons .ibiz-form-mdctrl-form-content-control{width:calc(100% - var(--ibiz-form-mdctrl-gap))}.ibiz-form-mdctrl.is-no-buttons .ibiz-form-mdctrl-btn{width:0;margin-left:0}

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-data-view/form-mdctrl-data-view.cjs

@@ -39,7 +39,7 @@ const FormMDCtrlDataView = /* @__PURE__ */ vue.defineComponent({
           context: tempContext,
           params: c.parent.form.params,
           onSelectionChange: (arg) => c.onSelectionChange(arg),
-          onMounted: (event) => c.onDataViewMounted(event),
+          onCreated: (event) => c.onDataViewCreated(event),
           class: this.ns.b("form-content-control")
         };
         const controlComponent = vue.h(vue.resolveComponent(c.provider.component), controlProps);

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-form/form-mdctrl-form.cjs

@@ -46,7 +46,7 @@ const FormMDCtrlForm = /* @__PURE__ */ vue.defineComponent({
             params: c.parent.form.params,
             onFormDataChange: (arg) => c.onFormChange(arg.data, index),
             onRemoveSuccess: () => c.onFormRemoveSuccess(index),
-            onMounted: (event) => c.onControlMounted(event, index)
+            onCreated: (event) => c.onControlCreated(event, index)
           };
           const controlComponent = vue.h(vue.resolveComponent(c.provider.component), controlProps);
           return vue.createVNode("div", {

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-grid/form-mdctrl-grid.cjs

@@ -41,7 +41,7 @@ const FormMDCtrlGrid = /* @__PURE__ */ vue.defineComponent({
           rowEditOpen: true,
           onSelectionChange: (arg) => c.onSelectionChange(arg),
           onGridDataChange: (arg) => c.onDataChange(arg.data),
-          onMounted: (event) => c.onGridMounted(event),
+          onCreated: (event) => c.onGridCreated(event),
           class: this.ns.b("form-content-control")
         };
         const controlComponent = vue.h(vue.resolveComponent(c.provider.component), controlProps);

package/lib/control/form/form-detail/form-mdctrl/form-mdctrl-list/form-mdctrl-list.cjs

@@ -39,7 +39,7 @@ const FormMDCtrlList = /* @__PURE__ */ vue.defineComponent({
           context: tempContext,
           params: c.parent.form.params,
           onSelectionChange: (arg) => c.onSelectionChange(arg),
-          onMounted: (event) => c.onListMounted(event),
+          onCreated: (event) => c.onListCreated(event),
           class: this.ns.b("form-content-control")
         };
         const controlComponent = vue.h(vue.resolveComponent(c.provider.component), controlProps);

package/lib/control/toolbar/toolbar.cjs

@@ -166,7 +166,7 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
     if (state.isCreated) {
       content = [
         // 绘制最前方的额外按钮
-        ((_a = state.extraButtons.before) == null ? void 0 : _a.length) && this.renderExtraButtons(state.extraButtons.before),
+        ((_a = state.extraButtons.before) == null ? void 0 : _a.length) > 0 && this.renderExtraButtons(state.extraButtons.before),
         (_b = this.modelData.detoolbarItems) == null ? void 0 : _b.map((item, index) => {
           var _a2;
           const toolbarItemNode = this.renderToolbarItem(item);
@@ -176,7 +176,7 @@ const ToolbarControl = /* @__PURE__ */ vue.defineComponent({
           return toolbarItemNode;
         }),
         // 绘制最后方的额外按钮
-        ((_c = state.extraButtons.after) == null ? void 0 : _c.length) && this.renderExtraButtons(state.extraButtons.after)
+        ((_c = state.extraButtons.after) == null ? void 0 : _c.length) > 0 && this.renderExtraButtons(state.extraButtons.after)
       ];
     }
     return vue.createVNode(vue.resolveComponent("iBizControlBase"), {

package/lib/devtool/index.cjs

@@ -3,7 +3,7 @@
 var vue = require('vue');
 var qxUtil = require('qx-util');
 var ElementPlus = require('element-plus');
-var zhCn = require('../node_modules/.pnpm/element-plus@2.4.1_vue@3.3.7/node_modules/element-plus/dist/locale/zh-cn.cjs');
+var zhCn = require('../node_modules/.pnpm/element-plus@2.4.2_vue@3.3.8/node_modules/element-plus/dist/locale/zh-cn.cjs');
 var devtoolAction = require('./devtool-action.cjs');
 
 "use strict";

package/lib/editor/code/monaco-editor/monaco-editor.cjs

@@ -4,8 +4,6 @@ var vue = require('vue');
 require('./monaco-editor.css');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.44.0/node_modules/@monaco-editor/loader/lib/es/index.cjs');
-require('../../../util/index.cjs');
-var uiStore = require('../../../util/store/ui-store/ui-store.cjs');
 var index = require('../../../node_modules/.pnpm/@monaco-editor_loader@1.4.0_monaco-editor@0.44.0/node_modules/@monaco-editor/loader/lib/es/loader/index.cjs');
 
 "use strict";
@@ -22,7 +20,7 @@ const IBizCode = /* @__PURE__ */ vue.defineComponent({
     let monacoEditor;
     const {
       UIStore
-    } = uiStore.useUIStore();
+    } = vue3Util.useUIStore();
     const getMonacoTheme = (name) => {
       return name === "dark" ? `vs-${UIStore.theme}` : "vs";
     };

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

@@ -1 +1 @@
-.ibiz-picker-embed-view .ibiz-picker-embed-view-value{height:32px;line-height:32px}
+.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/lib/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.cjs

@@ -4,6 +4,7 @@ var vue = require('vue');
 var vue3Util = require('@ibiz-template/vue3-util');
 require('./ibiz-picker-select-view.css');
 var ramda = require('ramda');
+var runtime = require('@ibiz-template/runtime');
 
 "use strict";
 function _isSlot(s) {
@@ -54,7 +55,11 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
     } = vue3Util.useFocusAndBlur(() => emit("focus"), () => emit("blur"));
     vue.watch(() => props.value, (newVal) => {
       if (singleSelect.value) {
-        queryValue.value = newVal || "";
+        if (c.model.valueType === "OBJECT") {
+          queryValue.value = newVal ? newVal[c.objectNameField] : null;
+        } else {
+          queryValue.value = newVal || "";
+        }
         if (!props.data || !c.valueItem || !props.data[c.valueItem]) {
           ibiz.log.error("\u503C\u9879\u5F02\u5E38");
         } else {
@@ -128,7 +133,11 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
           emit("change", tempValue, c.valueItem);
         }
         const tempText = event[0][c.textName] ? event[0][c.textName] : event[0].srfmajortext;
-        emit("change", tempText);
+        if (c.model.valueType === "OBJECT") {
+          emit("change", c.handleObjectParams(event[0]));
+        } else {
+          emit("change", tempText);
+        }
       } else {
         let tempValue = "";
         let tempText = "";
@@ -192,8 +201,17 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
       queryValue.value = e;
     };
     const onSelectionChange = (event) => {
-      onViewDataChange(event.data);
+      if (event.data) {
+        onViewDataChange(event.data);
+      }
     };
+    const modal = new runtime.Modal({
+      mode: runtime.ViewMode.DRAWER,
+      viewUsage: 2,
+      dismiss: (_data) => {
+        onSelectionChange(_data);
+      }
+    });
     return {
       ns,
       c,
@@ -213,7 +231,8 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
       openLinkView,
       onSelectChange,
       remoteMethod,
-      onSelectionChange
+      onSelectionChange,
+      modal
     };
   },
   render() {
@@ -281,7 +300,8 @@ const IBizPickerSelectView = /* @__PURE__ */ vue.defineComponent({
               height: "100%",
               width: this.pickViewWidth
             },
-            onSelectionChange: this.onSelectionChange
+            onSelectionChange: this.onSelectionChange,
+            modal: this.modal
           })]
         });
       }

package/lib/editor/data-picker/ibiz-picker-select-view/ibiz-picker-select-view.css

@@ -1 +1 @@
-.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}
+.ibiz-picker-select-view{width:100%}.ibiz-picker-select-view .el-dropdown{width:100%}.ibiz-picker-select-view .el-select{width:100%}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper{max-height:500px;overflow:auto}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list{background:var(--ibiz-color-primary-text)}.ibiz-picker-select-view-popper.el-popper.el-dropdown__popper .el-scrollbar .el-dropdown__list .el-dropdown-menu{background:var(--ibiz-color-primary-text)}

package/lib/editor/index.cjs

@@ -137,6 +137,10 @@ const IBizEditor = {
       )
     );
     runtime.registerEditorProvider("SPAN", () => new spanEditor_provider.SpanEditorProvider());
+    runtime.registerEditorProvider(
+      "SPAN_ADDRESSPICKUP",
+      () => new spanEditor_provider.SpanEditorProvider()
+    );
     runtime.registerEditorProvider(
       "SPAN_LINK",
       () => new spanEditor_provider.SpanEditorProvider("SPAN_LINK")
@@ -292,7 +296,56 @@ const IBizEditor = {
     );
     runtime.registerEditorProvider(
       "FIELD_TEXT_DYNAMIC_SPAN",
-      () => new presetRawitem_provider.PresetRawitemEditorProvider()
+      () => new spanEditor_provider.SpanEditorProvider()
+    );
+    runtime.registerEditorProvider("STATIC_LABEL_RAW", () => new rawEditor_provider.RawEditorProvider());
+    runtime.registerEditorProvider(
+      "FIELD_TEXTBOX_TEXTBOX",
+      () => textBoxEditorProvider
+    );
+    runtime.registerEditorProvider(
+      "FIELD_TEXTAREA_TEXTAREA",
+      () => textBoxEditorProvider
+    );
+    runtime.registerEditorProvider(
+      "FIELD_RADIOBUTTONLIST_RADIOBUTTONLIST",
+      () => new radioButtonList_provider.RadioButtonListEditorProvider()
+    );
+    runtime.registerEditorProvider(
+      "FIELD_CHECKBOXLIST_CHECKBOXLIST",
+      () => new checkboxListEditor_provider.CheckBoxListEditorProvider()
+    );
+    runtime.registerEditorProvider(
+      "FIELD_DROPDOWNLIST_DROPDOWNLIST",
+      () => new dropdownListEditor_provider.DropDownListEditorProvider()
+    );
+    runtime.registerEditorProvider(
+      "FIELD_RATING_RATING",
+      () => new rateEditor_provider.RateEditorProvider()
+    );
+    runtime.registerEditorProvider(
+      "FIELD_SWITCH_SWITCH",
+      () => new switchEditor_provider.SwitchEditorProvider()
+    );
+    runtime.registerEditorProvider(
+      "FIELD_SLIDER_SLIDER",
+      () => new sliderEditor_provider.SliderEditorProvider()
+    );
+    runtime.registerEditorProvider(
+      "FIELD_DATEPICKER_DATEPICKER",
+      () => new datePickerEditor_provider.DatePickerEditorProvider()
+    );
+    runtime.registerEditorProvider(
+      "FIELD_DATERANGE_DATERANGE",
+      () => new dateRangeEditor_provider.DateRangeEditorProvider()
+    );
+    runtime.registerEditorProvider(
+      "FIELD_PICKER_PICKER",
+      () => new pickerEditor_provider.DataPickerEditorProvider("PICKER")
+    );
+    runtime.registerEditorProvider(
+      "FIELD_ARRAY_ARRAY",
+      () => new arrayEditor_provider.ArrayEditorProvider()
     );
     runtime.registerEditorProvider("AUTH_USERID_TEXTBOX", () => textBoxEditorProvider);
     runtime.registerEditorProvider(

package/lib/editor/markdown/ibiz-markdown-editor/ibiz-markdown-editor.cjs

@@ -7,9 +7,7 @@ var vue3Util = require('@ibiz-template/vue3-util');
 var qxUtil = require('qx-util');
 var Cherry = require('cherry-markdown');
 var core = require('@ibiz-template/core');
-require('../../../util/index.cjs');
 require('./ibiz-markdown-editor.css');
-var uiStore = require('../../../util/store/ui-store/ui-store.cjs');
 
 "use strict";
 const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
@@ -31,7 +29,7 @@ const IBizMarkDown = /* @__PURE__ */ vue.defineComponent({
     const downloadUrl = vue.ref("");
     const {
       UIStore
-    } = uiStore.useUIStore();
+    } = vue3Util.useUIStore();
     const theme = vue.ref(UIStore.theme);
     const defaultModel = vue.ref("editOnly");
     let resizeObserver = null;

package/lib/editor/span/span/span.cjs

@@ -14,10 +14,12 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
   setup(props, {
     emit
   }) {
+    var _a;
     const ns = vue3Util.useNamespace("span");
     const c = props.controller;
     const text = vue.ref("");
     const codeList = c.codeList;
+    const textSeparator = c.model.textSeparator || ((_a = c.editorParams) == null ? void 0 : _a.TEXTSEPARATOR) || ",";
     vue.watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
         if (ramda.isNil(newVal)) {
@@ -29,12 +31,38 @@ const IBizSpan = /* @__PURE__ */ vue.defineComponent({
           dataType,
           unitName
         } = c.parent;
-        if (valueFormat) {
+        if (c.model.valueType === "SIMPLES") {
+          text.value = newVal.join(textSeparator);
+        } else if (c.model.valueType === "OBJECT") {
+          text.value = newVal[c.model.objectNameField ? c.model.objectNameField : "srfmajortext"];
+        } else if (c.model.valueType === "OBJECTS") {
+          const tempValue = [];
+          newVal.forEach((_item) => {
+            tempValue.push(_item[c.model.objectNameField ? c.model.objectNameField : "srfmajortext"]);
+          });
+          text.value = tempValue.join(textSeparator);
+        } else if (c.model.editorType === "ADDRESSPICKUP") {
+          try {
+            const tempValue = [];
+            const items2 = JSON.parse(newVal);
+            items2.forEach((_item) => {
+              tempValue.push(_item[c.model.objectNameField ? c.model.objectNameField : "srfmajortext"]);
+            });
+            text.value = tempValue.join(textSeparator);
+          } catch (error) {
+            ibiz.log.error(`\u6807\u7B7E\u5730\u5740\u9009\u62E9\u5668\u7684\u503C\u4E0D\u7B26\u5408JSON\u683C\u5F0F${newVal}`);
+          }
+        } else if (valueFormat) {
           try {
             if (dataType != null && core.DataTypes.isDate(dataType)) {
               text.value = dayjs(newVal).format(valueFormat);
             } else {
-              text.value = ibiz.util.text.format(`${newVal}`, valueFormat);
+              const tempVal = dayjs(newVal).format(valueFormat);
+              if (tempVal !== "Invalid Date") {
+                text.value = tempVal;
+              } else {
+                text.value = ibiz.util.text.format(`${newVal}`, valueFormat);
+              }
             }
           } catch (error) {
             text.value = `${newVal}`;