@ibiz-template/vue3-components 0.7.24-alpha.1 → 0.7.24

package/es/editor/number-range/ibiz-number-range-picker/ibiz-number-range-picker.mjs

@@ -1,5 +1,5 @@
 import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
-import { getNumberRangeProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { getNumberRangeProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-number-range-picker.css';
 import { toNumber } from 'lodash-es';
 
@@ -14,6 +14,10 @@ const IBizNumberRangePicker = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("number-range-picker");
     const c = props.controller;
     const editorModel = c.model;
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = useAutoFocusBlur(props, emit);
     let max = Infinity;
     let min = -Infinity;
     let precision = 0;
@@ -62,12 +66,6 @@ const IBizNumberRangePicker = /* @__PURE__ */ defineComponent({
     }, {
       immediate: true
     });
-    watch(editorRef, (newVal) => {
-      if (props.autoFocus && newVal) {
-        const input = newVal.$el.getElementsByTagName("input")[0];
-        input.focus();
-      }
-    });
     const setEditable = (flag) => {
       if (flag) {
         isEditable.value = flag;
@@ -86,22 +84,26 @@ const IBizNumberRangePicker = /* @__PURE__ */ defineComponent({
       if (minValue.value !== null && maxValue.value !== null) {
         emit("change", [minValue.value, maxValue.value].join(valueSeparator));
         setEditable(false);
+        useInValueChange();
       }
       if (refFormItem.value) {
         const valueName = refFormItem.value[index];
         emit("change", value, valueName);
+        useInValueChange();
       }
     };
     const {
       componentRef
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     const onFocus = (e) => {
       emit("focus", e);
       setEditable(true);
     };
     const onBlur = (e) => {
-      emit("blur", e);
-      setEditable(false);
+      if (minValue.value !== null && maxValue.value !== null) {
+        emit("blur", e);
+        setEditable(false);
+      }
     };
     const handleKeyUp = (e) => {
       if (e && e.code === "Enter") {

package/es/editor/radio-button-list/ibiz-radio/ibiz-radio.mjs

@@ -1,5 +1,5 @@
 import { isVNode, ref, watch, computed, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
-import { getRadioProps, getEditorEmits, useNamespace, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { getRadioProps, getEditorEmits, useNamespace, useAutoFocusBlur, useCodeListListen, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-radio.css';
 import { notNilEmpty } from 'qx-util';
 
@@ -27,8 +27,13 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
         isBtnRoundCorner = c.toBoolean(editorModel.editorParams.isBtnRoundCorner);
       }
     }
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = useAutoFocusBlur(props, emit);
     const onSelectValueChange = (value) => {
       emit("change", value);
+      useInValueChange();
     };
     const items = ref([]);
     watch(() => props.data, (newVal) => {
@@ -64,7 +69,7 @@ const IBizRadio = /* @__PURE__ */ defineComponent({
     });
     const {
       componentRef: editorRef
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       editorModel,

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

@@ -1,5 +1,5 @@
 import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
-import { getRateProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { getRateProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { toNumber } from 'lodash-es';
 import './ibiz-rate.css';
 
@@ -15,6 +15,10 @@ const IBizRate = /* @__PURE__ */ defineComponent({
     const currentVal = ref();
     const c = props.controller;
     const editorModel = c.model;
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = useAutoFocusBlur(props, emit);
     let colors = [];
     let showText = false;
     let max = 5;
@@ -52,10 +56,11 @@ const IBizRate = /* @__PURE__ */ defineComponent({
     });
     const handleChange = (currentValue) => {
       emit("change", currentValue);
+      useInValueChange();
     };
     const {
       componentRef: editorRef
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       currentVal,

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

@@ -1,5 +1,5 @@
 import { computed, ref, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
-import { getSliderProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { getSliderProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import { toNumber } from 'lodash-es';
 import './ibiz-slider.css';
 
@@ -14,6 +14,10 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("slider");
     const c = props.controller;
     const editorModel = c.model;
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = useAutoFocusBlur(props, emit);
     let step = 1;
     let max = 100;
     let min = 0;
@@ -86,10 +90,11 @@ const IBizSlider = /* @__PURE__ */ defineComponent({
       } else {
         emit("change", currentValue);
       }
+      useInValueChange();
     };
     const {
       componentRef: editorRef
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       currentVal,

package/es/editor/span/span/span.d.ts

@@ -58,7 +58,13 @@ export declare const IBizSpan: import("vue").DefineComponent<{
         data?: IData | undefined;
         tooltip?: string | undefined;
         userData?: string | undefined;
+        beginValue?: number | undefined;
+        endValue?: number | undefined;
+        includeBeginValue?: boolean | undefined;
+        includeEndValue?: boolean | undefined;
     }[]>;
+    valueFormat: string | undefined;
+    unitName: string | undefined;
     showFormDefaultContent: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: (ArrayConstructor | ObjectConstructor | StringConstructor | NumberConstructor)[];

package/es/editor/span/span/span.mjs

@@ -25,6 +25,11 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
     const c = props.controller;
     const text = ref("");
     const codeList = c.codeList;
+    const {
+      valueFormat,
+      dataType,
+      unitName
+    } = c.parent;
     const textSeparator = c.model.textSeparator || ((_a = c.editorParams) == null ? void 0 : _a.TEXTSEPARATOR) || ",";
     watch(() => props.value, (newVal, oldVal) => {
       if (newVal !== oldVal) {
@@ -32,11 +37,6 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
           text.value = "";
           return;
         }
-        const {
-          valueFormat,
-          dataType,
-          unitName
-        } = c.parent;
         if (c.model.valueType === "SIMPLES") {
           text.value = newVal.join(textSeparator);
         } else if (c.model.valueType === "OBJECT") {
@@ -116,6 +116,8 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
       text,
       editorRef,
       items,
+      valueFormat,
+      unitName,
       showFormDefaultContent
     };
   },
@@ -126,7 +128,10 @@ const IBizSpan = /* @__PURE__ */ defineComponent({
         "class": this.ns.e("code-list"),
         "codeListItems": this.items,
         "codeList": this.c.codeList,
-        "value": this.text
+        "value": this.value,
+        "valueFormat": this.valueFormat,
+        "unitName": this.unitName,
+        "convertToCodeItemText": this.c.convertToCodeItemText
       }, null);
     } else if (this.text) {
       content = this.text;

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

@@ -1,5 +1,5 @@
 import { ref, computed, watch, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
-import { getSwitchProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { getSwitchProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-switch.css';
 
 "use strict";
@@ -65,13 +65,18 @@ const IBizSwitch = /* @__PURE__ */ defineComponent({
       }
       return props.disabled || props.readonly;
     });
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = useAutoFocusBlur(props, emit);
     const handleChange = (currentValue) => {
       const emitValue = currentValue === true ? 1 : 0;
       emit("change", emitValue);
+      useInValueChange();
     };
     const {
       componentRef: editorRef
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       currentVal,

package/es/editor/text-box/input/input.d.ts

@@ -27,6 +27,41 @@ export declare const IBizInput: import("vue").DefineComponent<{
     ns: import("@ibiz-template/core").Namespace;
     rows: import("vue").Ref<number>;
     type: import("vue").ComputedRef<"string" | "text" | "textarea" | "password">;
+    items: import("vue").Ref<readonly {
+        value: string | number;
+        text: string;
+        id: string;
+        color?: string | undefined;
+        bkcolor?: string | undefined;
+        children?: any[] | undefined;
+        textCls?: string | undefined;
+        cls?: string | undefined;
+        disableSelect?: boolean | undefined;
+        sysImage?: {
+            codeName?: string | undefined;
+            cssClass?: string | undefined;
+            cssClassX?: string | undefined;
+            glyph?: string | undefined;
+            height?: number | undefined;
+            imagePath?: string | undefined;
+            imagePathX?: string | undefined;
+            rawContent?: string | undefined;
+            width?: number | undefined;
+            appId: string;
+            id?: string | undefined;
+            name?: string | undefined;
+            userParam?: Record<string, string> | undefined;
+            modelId?: string | undefined;
+            modelType?: string | undefined;
+        } | undefined;
+        data?: IData | undefined;
+        tooltip?: string | undefined;
+        userData?: string | undefined;
+        beginValue?: number | undefined;
+        endValue?: number | undefined;
+        includeBeginValue?: boolean | undefined;
+        includeEndValue?: boolean | undefined;
+    }[]>;
     currentVal: import("vue").Ref<string>;
     readonlyText: import("vue").ComputedRef<string>;
     handleChange: (val: string | number) => void;

package/es/editor/text-box/input/input.mjs

@@ -1,5 +1,5 @@
-import { isVNode, ref, computed, watch, onUnmounted, createVNode, resolveComponent, mergeProps, defineComponent } from 'vue';
-import { getInputProps, getEditorEmits, useNamespace } from '@ibiz-template/vue3-util';
+import { isVNode, ref, computed, watch, onUnmounted, resolveComponent, createVNode, mergeProps, defineComponent } from 'vue';
+import { getInputProps, getEditorEmits, useNamespace, useCodeListListen } from '@ibiz-template/vue3-util';
 import { createUUID } from 'qx-util';
 import './input.css';
 
@@ -208,11 +208,29 @@ const IBizInput = /* @__PURE__ */ defineComponent({
     const shouldAutoComplete = computed(() => {
       return c.model.editorParams && c.model.editorParams.autocomplete && c.toBoolean(c.model.editorParams.autocomplete) ? "on" : "new-password";
     });
+    const items = ref([]);
+    if (c.codeList) {
+      watch(() => props.data, (newVal) => {
+        c.loadCodeList(newVal).then((_codeList) => {
+          items.value = _codeList;
+        });
+      }, {
+        immediate: true,
+        deep: true
+      });
+    }
+    const fn = (data) => {
+      if (data) {
+        items.value = data;
+      }
+    };
+    useCodeListListen(c.model.appCodeListId, c.context.srfappid, fn);
     return {
       c,
       ns,
       rows,
       type,
+      items,
       currentVal,
       readonlyText,
       handleChange,
@@ -241,7 +259,16 @@ const IBizInput = /* @__PURE__ */ defineComponent({
     } = this.c.model;
     let content = null;
     if (this.readonly) {
-      content = this.readonlyText;
+      if (this.c.codeList) {
+        content = createVNode(resolveComponent("iBizCodeList"), {
+          "codeListItems": this.items,
+          "codeList": this.c.codeList,
+          "value": this.currentVal,
+          "convertToCodeItemText": this.c.convertToCodeItemText
+        }, null);
+      } else {
+        content = this.readonlyText;
+      }
     } else {
       const slots = {};
       if (unitName) {

package/es/editor/text-box/text-box-editor.controller.d.ts

@@ -1,5 +1,5 @@
-import { EditorController, IAppDEService } from '@ibiz-template/runtime';
-import { IAppDEACMode, IDEACModeDataItem, ITextBox } from '@ibiz/model-core';
+import { CodeListEditorController, IAppDEService } from '@ibiz-template/runtime';
+import { IAppCodeList, IAppDEACMode, IDEACModeDataItem, ITextBox } from '@ibiz/model-core';
 /**
  * 输入框编辑器控制器
  *
@@ -9,7 +9,7 @@ import { IAppDEACMode, IDEACModeDataItem, ITextBox } from '@ibiz/model-core';
  * @class TextBoxEditorController
  * @extends {EditorController}
  */
-export declare class TextBoxEditorController extends EditorController<ITextBox> {
+export declare class TextBoxEditorController extends CodeListEditorController<ITextBox> {
     /**
      * 精度
      * @author lxm
@@ -73,5 +73,12 @@ export declare class TextBoxEditorController extends EditorController<ITextBox>
      * @type {boolean}
      */
     chatCompletion: boolean;
+    /**
+     * 代码表模型
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2023-05-24 10:55:50
+     */
+    codeList: IAppCodeList | undefined;
     protected onInit(): Promise<void>;
 }

package/es/editor/text-box/text-box-editor.controller.mjs

@@ -1,4 +1,4 @@
-import { EditorController, getDeACMode } from '@ibiz-template/runtime';
+import { CodeListEditorController, getDeACMode } from '@ibiz-template/runtime';
 import { toNumber } from 'lodash-es';
 
 "use strict";
@@ -8,7 +8,7 @@ var __publicField = (obj, key, value) => {
   __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
   return value;
 };
-class TextBoxEditorController extends EditorController {
+class TextBoxEditorController extends CodeListEditorController {
   constructor() {
     super(...arguments);
     /**
@@ -74,6 +74,13 @@ class TextBoxEditorController extends EditorController {
      * @type {boolean}
      */
     __publicField(this, "chatCompletion", false);
+    /**
+     * 代码表模型
+     * @return {*}
+     * @author: zhujiamin
+     * @Date: 2023-05-24 10:55:50
+     */
+    __publicField(this, "codeList");
   }
   async onInit() {
     await super.onInit();
@@ -121,6 +128,10 @@ class TextBoxEditorController extends EditorController {
     } else if (this.model.predefinedType === "AUTH_PASSWORD" && !this.placeHolder) {
       this.placeHolder = ibiz.i18n.t("app.pleaseEnterPassword");
     }
+    if (this.model.appCodeListId) {
+      const app = await ibiz.hub.getApp(this.context.srfappid);
+      this.codeList = app.codeList.getCodeList(this.model.appCodeListId);
+    }
   }
 }
 

package/es/editor/upload/ibiz-file-upload/ibiz-file-upload.mjs

@@ -1,5 +1,5 @@
 import { isVNode, computed, resolveComponent, mergeProps, createVNode, defineComponent } from 'vue';
-import { getUploadProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { getUploadProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-file-upload.css';
 import { useIViewUpload } from '../use/use-iview-upload.mjs';
 
@@ -16,6 +16,10 @@ const IBizFileUpload = /* @__PURE__ */ defineComponent({
   }) {
     const ns = useNamespace("file-upload");
     const c = props.controller;
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = useAutoFocusBlur(props, emit);
     const {
       uploadUrl,
       headers,
@@ -28,6 +32,7 @@ const IBizFileUpload = /* @__PURE__ */ defineComponent({
       beforeUpload
     } = useIViewUpload(props, (value) => {
       emit("change", value);
+      useInValueChange();
     }, c);
     const noUploadIcon = computed(() => {
       var _a;
@@ -44,7 +49,7 @@ const IBizFileUpload = /* @__PURE__ */ defineComponent({
     });
     const {
       componentRef
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       c,

package/es/editor/upload/ibiz-image-upload/ibiz-image-upload.mjs

@@ -1,5 +1,5 @@
 import { ref, computed, createVNode, resolveComponent, mergeProps, defineComponent } from 'vue';
-import { getUploadProps, getEditorEmits, useNamespace, useFocusAndBlur } from '@ibiz-template/vue3-util';
+import { getUploadProps, getEditorEmits, useNamespace, useAutoFocusBlur, useFocusAndBlur } from '@ibiz-template/vue3-util';
 import './ibiz-image-upload.css';
 import { useIViewUpload } from '../use/use-iview-upload.mjs';
 
@@ -13,6 +13,10 @@ const IBizImageUpload = /* @__PURE__ */ defineComponent({
   }) {
     const ns = useNamespace("image-upload");
     const c = props.controller;
+    const {
+      useInFocusAndBlur,
+      useInValueChange
+    } = useAutoFocusBlur(props, emit);
     const {
       uploadUrl,
       headers,
@@ -25,6 +29,7 @@ const IBizImageUpload = /* @__PURE__ */ defineComponent({
       beforeUpload
     } = useIViewUpload(props, (value) => {
       emit("change", value);
+      useInValueChange();
     }, c);
     const dialogImageUrl = ref("");
     const dialogVisible = ref(false);
@@ -46,7 +51,7 @@ const IBizImageUpload = /* @__PURE__ */ defineComponent({
     });
     const {
       componentRef
-    } = useFocusAndBlur(() => emit("focus"), () => emit("blur"));
+    } = useFocusAndBlur(() => emit("focus"), () => useInFocusAndBlur());
     return {
       ns,
       c,

package/es/locale/en/index.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
             noConfiguredEntity: string;
             noReturnValue: string;
             noAttribute: string;
+            noConfiguredScript: string;
             noConfiguerdEntityBehanior: string;
             sessionView: string;
             viewStateAttribute: string;
@@ -472,7 +473,7 @@ declare const _default: {
             loginFailure: string;
             logoutFailure: string;
             noFound: string;
-            masterState: string;
+            mainState: string;
             operationIdentifier: string;
             matchMasterState: string;
             masterStatePermissions: string;
@@ -893,6 +894,7 @@ declare const _default: {
                 gridRowSelect: string;
                 gridRowSelectDesc: string;
             };
+            loadMore: string;
         };
         menu: {
             noSupportAlign: string;

package/es/locale/en/index.mjs

@@ -234,7 +234,8 @@ var index = {
         gridRowHoverDesc: "Table row suspension color, background color when a row is hover",
         gridRowSelect: "Select color for table row",
         gridRowSelectDesc: "Table row selected color, background color when a row is selected"
-      }
+      },
+      loadMore: "Load more"
     },
     menu: {
       noSupportAlign: "The menu direction {align} is not supported temporarily",

package/es/locale/zh-CN/index.d.ts

@@ -51,6 +51,7 @@ declare const _default: {
             noConfiguredEntity: string;
             noReturnValue: string;
             noAttribute: string;
+            noConfiguredScript: string;
             noConfiguerdEntityBehanior: string;
             sessionView: string;
             viewStateAttribute: string;
@@ -470,7 +471,7 @@ declare const _default: {
             loginFailure: string;
             logoutFailure: string;
             noFound: string;
-            masterState: string;
+            mainState: string;
             operationIdentifier: string;
             matchMasterState: string;
             masterStatePermissions: string;
@@ -891,6 +892,7 @@ declare const _default: {
                 gridRowSelect: string;
                 gridRowSelectDesc: string;
             };
+            loadMore: string;
         };
         menu: {
             noSupportAlign: string;

package/es/locale/zh-CN/index.mjs

@@ -234,7 +234,8 @@ var index = {
         gridRowHoverDesc: "\u8868\u683C\u884C\u60AC\u6D6E\u8272, \u5F53\u67D0\u4E00\u884Chover\u65F6\u80CC\u666F\u8272",
         gridRowSelect: "\u8868\u683C\u884C\u9009\u4E2D\u8272",
         gridRowSelectDesc: "\u8868\u683C\u884C\u9009\u4E2D\u8272\uFF0C\u5F53\u67D0\u4E00\u884C\u9009\u4E2D\u65F6\u80CC\u666F\u8272"
-      }
+      },
+      loadMore: "\u52A0\u8F7D\u66F4\u591A"
     },
     menu: {
       noSupportAlign: "\u6682\u672A\u652F\u6301\u83DC\u5355\u65B9\u5411\u4E3A {align}",