hy-dispatch-ui-v3 0.2.66 → 0.2.67

package/lib/components/hyForm/cpns/formItem.vue.js

@@ -68,6 +68,15 @@ const _sfc_main = {
     const formContext = vue.inject(index.formContextKey);
     const formItemRef = vue.useTemplateRef("formItemRef");
     const orgCascaderRef = vue.useTemplateRef("orgCascaderRef");
+    const showMessage = vue.computed(() => {
+      if (columnConfig.value.optionsError) {
+        return true;
+      }
+      if (is.isBoolean(columnConfig.value.showMessage)) {
+        return columnConfig.value.showMessage;
+      }
+      return formContext.showMessage;
+    });
     const columnProp = vue.computed(() => {
       let field = is.isArray(props.column.field) ? props.column.field[0] : props.column.field;
       if (props.parentProp) {
@@ -112,36 +121,54 @@ const _sfc_main = {
         placeholder: form.columnPlaceholderHandler(props.column, props.model)
       };
     });
-    const optionsLoading = vue.ref(false);
-    const optionsError = vue.ref("");
-    async function obtainOptions() {
-      if (props.column.optionsFn) {
-        if (!props.column.optionsFn || optionsLoading.value) return;
-        optionsLoading.value = true;
-        optionsError.value = "";
-        props.column.attrs.options = [];
-        try {
-          props.column.attrs.options = await props.column.optionsFn(
-            props.column,
-            props.model
-          );
-          optionsError.value = "";
-        } catch (err) {
-          optionsError.value = "error";
-          console.error(err);
-        }
-      } else if (props.column.type === "org-cascader") {
-        if (orgCascaderRef.value) {
-          optionsLoading.value = true;
-          optionsError.value = "";
-          try {
-            await orgCascaderRef.value.getData();
-          } catch {
-            optionsError.value = "error";
+    async function obtainOptions(isMountedLoad = false) {
+      return new Promise(async (resolve, reject) => {
+        if (props.column.optionsFn) {
+          if (!props.column.optionsFn) return;
+          props.column.optionsLoading = true;
+          props.column.optionsError = "";
+          props.column.attrs.options = [];
+          if (!(isMountedLoad && props.column.isDefaultGetData === false)) {
+            try {
+              props.column.attrs.options = await props.column.optionsFn(
+                props.column,
+                props.model
+              );
+              props.column.optionsError = "";
+              resolve();
+            } catch (err) {
+              props.column.optionsError = "error";
+              console.error(err);
+              reject();
+            }
+          } else {
+            resolve();
+          }
+        } else if (props.column.type === "org-cascader") {
+          if (orgCascaderRef.value) {
+            props.column.optionsLoading = true;
+            props.column.optionsError = "";
+            try {
+              await orgCascaderRef.value.getData();
+              resolve();
+            } catch {
+              props.column.optionsError = "error";
+              reject();
+            }
+          } else {
+            resolve();
           }
+        } else {
+          resolve();
         }
+        props.column.optionsLoading = false;
+      });
+    }
+    function getOptionsHandler(props2, column) {
+      if (props2.column.optionsLoading) {
+        return [];
       }
-      optionsLoading.value = false;
+      return index.optionsHandler(props2, props2.column);
     }
     function getColumnRuleHandler(column, model) {
       if (!index.isRequired(props, column) && formItemRef.value) {
@@ -154,6 +181,15 @@ const _sfc_main = {
       if (!onChange) return;
       onChange(props.column, props.model, props.index);
     }
+    async function onReloadOptions() {
+      if (props.column.optionsError === "error") {
+        try {
+          await obtainOptions();
+        } catch {
+        }
+        formContext?.emitOptionsStatus();
+      }
+    }
     const context = vue.reactive({
       ...vue.toRefs(props),
       columnProp,
@@ -161,16 +197,29 @@ const _sfc_main = {
       columnConfig,
       columnAttrs,
       obtainOptions,
-      optionsLoading,
-      optionsError,
+      optionsLoading: vue.computed(() => props.column.optionsLoading),
+      optionsError: vue.computed(() => props.column.optionsError),
       options: vue.computed(() => {
-        return index.optionsHandler(props, props.column);
+        return getOptionsHandler(props, props.column);
       })
     });
     vue.onMounted(() => {
       if (propString.value) {
         formContext?.addField(context);
       }
+      vue.watch(
+        () => formContext.model.errorMsg,
+        () => {
+          const optionsError = props.column.optionsError;
+          if (optionsError === "error") {
+            props.column.optionsError = "";
+            setTimeout(() => {
+              props.column.optionsError = "error";
+            }, 1);
+          }
+        },
+        { immediate: true, deep: true }
+      );
     });
     vue.onBeforeUnmount(() => {
       formContext?.removeField(context);
@@ -192,7 +241,8 @@ const _sfc_main = {
         prop: columnProp.value,
         rules: getColumnRuleHandler(__props.column, props.model),
         style: vue.normalizeStyle(vue.unref(index.columnItemStyle)(props, __props.column)),
-        error: optionsError.value
+        error: __props.column.optionsError,
+        "show-message": showMessage.value
       }, vue.createSlots({
         default: vue.withCtx(() => [
           vue.createElementVNode("div", { class: "w-full flex justify-between text-main" }, [
@@ -329,13 +379,13 @@ const _sfc_main = {
                     "onUpdate:modelValue": ($event) => bindValue.value = $event
                   }, columnAttrs.value, {
                     disabled: vue.unref(index.isDisabled)(props, __props.column),
-                    options: vue.unref(index.optionsHandler)(props, __props.column),
+                    options: getOptionsHandler(props, __props.column),
                     onChange: onChangeHandler
                   }), vue.createSlots({
                     _: 2
                     /* DYNAMIC */
                   }, [
-                    optionsLoading.value ? {
+                    __props.column.optionsLoading ? {
                       name: "empty",
                       fn: vue.withCtx(() => [
                         vue.createElementVNode("div", { class: "w-full flex items-center justify-center py-2 gap-1.5 text-main text-xs whitespace-nowrap" }, [
@@ -368,13 +418,13 @@ const _sfc_main = {
                     "onUpdate:modelValue": ($event) => bindValue.value = $event
                   }, columnAttrs.value, {
                     disabled: vue.unref(index.isDisabled)(props, __props.column),
-                    options: vue.unref(index.optionsHandler)(props, __props.column),
+                    options: getOptionsHandler(props, __props.column),
                     onChange: onChangeHandler
                   }), vue.createSlots({
                     _: 2
                     /* DYNAMIC */
                   }, [
-                    optionsLoading.value ? {
+                    __props.column.optionsLoading ? {
                       name: "empty",
                       fn: vue.withCtx(() => [
                         vue.createElementVNode("div", { class: "w-full flex items-center justify-center py-2 gap-1.5 text-main text-xs whitespace-nowrap" }, [
@@ -471,7 +521,7 @@ const _sfc_main = {
                     "onUpdate:modelValue": ($event) => bindValue.value = $event
                   }, columnAttrs.value, {
                     disabled: vue.unref(index.isDisabled)(props, __props.column),
-                    options: vue.unref(index.optionsHandler)(props, __props.column),
+                    options: getOptionsHandler(props, __props.column),
                     onChange: onChangeHandler
                   }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "options"])
                 ],
@@ -487,7 +537,7 @@ const _sfc_main = {
                     "onUpdate:modelValue": ($event) => bindValue.value = $event
                   }, columnAttrs.value, {
                     disabled: vue.unref(index.isDisabled)(props, __props.column),
-                    options: vue.unref(index.optionsHandler)(props, __props.column),
+                    options: getOptionsHandler(props, __props.column),
                     size: __props.size,
                     onChange: onChangeHandler
                   }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "options", "size"])
@@ -504,7 +554,7 @@ const _sfc_main = {
                     "onUpdate:modelValue": ($event) => bindValue.value = $event
                   }, columnAttrs.value, {
                     disabled: vue.unref(index.isDisabled)(props, __props.column),
-                    options: vue.unref(index.optionsHandler)(props, __props.column),
+                    options: getOptionsHandler(props, __props.column),
                     onChange: onChangeHandler
                   }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "options"])
                 ],
@@ -572,13 +622,13 @@ const _sfc_main = {
                   }, columnAttrs.value, {
                     class: "w-full",
                     disabled: vue.unref(index.isDisabled)(props, __props.column),
-                    options: vue.unref(index.optionsHandler)(props, __props.column),
+                    options: getOptionsHandler(props, __props.column),
                     onChange: onChangeHandler
                   }), vue.createSlots({
                     _: 2
                     /* DYNAMIC */
                   }, [
-                    optionsLoading.value ? {
+                    __props.column.optionsLoading ? {
                       name: "empty",
                       fn: vue.withCtx(() => [
                         vue.createElementVNode("div", { class: "w-full flex items-center justify-center py-2 gap-1.5 text-main text-xs whitespace-nowrap" }, [
@@ -610,21 +660,21 @@ const _sfc_main = {
         _: 2
         /* DYNAMIC */
       }, [
-        optionsError.value ? {
+        __props.column.optionsError ? {
           name: "error",
           fn: vue.withCtx(() => [
             vue.createElementVNode("div", { class: "hy-el-form-item__error" }, [
               vue.createElementVNode("span", null, "\u6570\u636E\u52A0\u8F7D\u5931\u8D25\uFF0C\u8BF7"),
               vue.createElementVNode("span", {
                 class: "text-theme cursor-pointer",
-                onClick: obtainOptions
+                onClick: onReloadOptions
               }, "[\u91CD\u65B0\u52A0\u8F7D]"),
               vue.createElementVNode("span", null, "\u6216\u8054\u7CFB\u7BA1\u7406\u5458")
             ])
           ]),
           key: "0"
         } : void 0
-      ]), 1032, ["id", "prop", "rules", "style", "error"])) : vue.createCommentVNode("v-if", true);
+      ]), 1032, ["id", "prop", "rules", "style", "error", "show-message"])) : vue.createCommentVNode("v-if", true);
     };
   }
 };

package/lib/components/hyForm/form.vue.js

@@ -54,6 +54,10 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       type: String,
       default: "default"
       // 'large' | 'default' | 'small'
+    },
+    showMessage: {
+      type: Boolean,
+      default: true
     }
   },
   emits: ["on-allMapSelect", "complete"],
@@ -92,7 +96,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       fields.push(field);
     }
     const removeField = (field) => {
-      if (vue.unref(field.columnAttrs)) {
+      if (field.propString) {
         fields.splice(fields.indexOf(field), 1);
       }
     };
@@ -102,21 +106,30 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         (field) => field.propString && filterKeys.includes(field.propString)
       ) : fields2;
     }
-    async function obtainOptionsFields(keys) {
+    async function obtainOptionsFields(keys, isMountedLoad = false) {
       const filteredFields = filterFields(fields, keys);
-      await Promise.allSettled(filteredFields.map((field) => field.obtainOptions()));
+      await Promise.allSettled(
+        filteredFields.map((field) => field.obtainOptions(isMountedLoad))
+      );
     }
-    async function getOptions() {
-      await obtainOptionsFields();
+    async function getOptions(isMountedLoad = false) {
+      await obtainOptionsFields([], isMountedLoad);
+      emitOptionsStatus();
     }
     async function getOptionsFields(keys) {
       await obtainOptionsFields(keys);
+      emitOptionsStatus();
     }
     async function getOptionsError() {
       const filteredFields = fields.filter(
         (field) => field.propString && field.optionsError
       );
       await Promise.allSettled(filteredFields.map((field) => field.obtainOptions()));
+      emitOptionsStatus();
+    }
+    function emitOptionsStatus() {
+      const hasError = fields.some((item) => item.optionsError === "error");
+      emits("optionsStatus", { result: !hasError });
     }
     vue.provide(
       index.formContextKey,
@@ -124,11 +137,12 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
         ...vue.toRefs(props),
         emits,
         addField,
-        removeField
+        removeField,
+        emitOptionsStatus
       })
     );
     vue.onMounted(() => {
-      getOptions();
+      getOptions(true);
     });
     __expose({
       validate: async (callback) => {

package/lib/components/hyForm/js/useAppForm.js

@@ -25,7 +25,7 @@ function appFormItemHandler(column = {}) {
     return {
       ...column,
       attrs: {
-        maxlength: attrs.type === "textarea" ? 255 : attrs.type === "text" ? 100 : void 0,
+        maxlength: attrs.type === "text" ? 256 : void 0,
         ...attrs
       }
     };

package/lib/components/hyMap/js/index.js

@@ -9,8 +9,8 @@ const useAppMapWrapper = (hy) => {
     mapRef,
     emits
   } = hy;
-  const hyMap = null;
-  const map = null;
+  let hyMap = vue.shallowRef(null);
+  let map = vue.shallowRef(null);
   function newMap(mapType) {
     const mapFilters = [
       {
@@ -94,7 +94,7 @@ const useAppMapWrapper = (hy) => {
         filter: "saturate(180%) brightness(105%) contrast(115%)"
       }
     ];
-    hy.hyMap = new index.InitMap({
+    hy.hyMap.value = new index.InitMap({
       ...mapConfig,
       mapType,
       BM: window.BM
@@ -117,7 +117,7 @@ const useAppMapWrapper = (hy) => {
     }, 800);
   }
   function initMap() {
-    hy.map = hy.hyMap.InitMap(mapRef.value, {
+    hy.map.value = hy.hyMap.value.InitMap(mapRef.value, {
       minZoom: mapConfig.minZoom || 8,
       maxZoom: mapConfig.maxZoom || 18,
       center: mapConfig.center || {
@@ -127,7 +127,7 @@ const useAppMapWrapper = (hy) => {
       zoom: mapConfig.zoom || 14,
       completeCallbacks: () => {
         vue.nextTick(() => {
-          emits("complete", hy.hyMap, hy.map);
+          emits("complete", hy.hyMap.value, hy.map.value);
         });
       }
     });

package/lib/components/hyMap/map.vue.js

@@ -4,8 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 require('../../hooks/index.js');
+require('../../index.js');
 var index = require('./js/index.js');
 var useMixins = require('../../hooks/useMixins.js');
+var index$1 = require('../hyNoPermissionsMap/index.js');
 var useMapConfig = require('../../hooks/useMapConfig.js');
 
 import "../../static/map/bigemap.css";
@@ -48,13 +50,21 @@ const _sfc_main = {
       [index.useAppMapWrapper]
     );
     vue.onMounted(() => {
-      newMap(props.mapType);
+      if (props.mapType !== "nomap") {
+        newMap(props.mapType);
+      }
+    });
+    vue.onBeforeUnmount(() => {
+      map.value?.removeMap();
+      map.value = null;
+      hyMap.value = null;
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", { class: "w-full h-full box-border border-border border relative" }, [
-        vue.createElementVNode(
+        props.mapType !== "nomap" ? (vue.openBlock(), vue.createElementBlock(
           "div",
           {
+            key: 0,
             ref_key: "mapRef",
             ref: mapRef,
             class: "w-full h-full rounded overflow-hidden"
@@ -62,7 +72,7 @@ const _sfc_main = {
           null,
           512
           /* NEED_PATCH */
-        )
+        )) : (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyNoPermissionsMap), { key: 1 }))
       ]);
     };
   }

package/lib/components/hyOrgCascader/orgCascader.vue.js

@@ -79,6 +79,9 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
       default: () => {
         return true;
       }
+    },
+    onVisibleChange: {
+      type: Function
     }
   }, {
     "modelValue": { type: [Array, String, Number] },
@@ -143,6 +146,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
     }
     function onVisibleChangeHandler(type) {
       focusType.value = type;
+      onVisibleChange(type);
     }
     if (props.defaultGetData) {
       getCascaderData();
@@ -264,7 +268,8 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
           filterable: "",
           "show-all-levels": false,
           "virtual-scroll": "",
-          onChange: onChangeHanlder
+          onChange: onChangeHanlder,
+          onVisibleChange: __props.onVisibleChange
         }, vue.createSlots({
           _: 2
           /* DYNAMIC */
@@ -288,7 +293,7 @@ const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["modelValue", "onUpdate:modelValue", "class", "size", "options", "clearable", "disabled", "placeholder"]))
+        ]), 1032, ["modelValue", "onUpdate:modelValue", "class", "size", "options", "clearable", "disabled", "placeholder", "onVisibleChange"]))
       ]);
     };
   }