hy-dispatch-ui-v3 0.2.66 → 0.2.68

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

@@ -9,16 +9,17 @@ require('../../../utils/index.js');
 require('../../index.js');
 var index = require('../js/index.js');
 require('../../../hooks/index.js');
-var useLocale = require('../../../hooks/useLocale.js');
 var is = require('../../../utils/is.js');
 var form = require('../../../utils/form.js');
 var index$1 = require('../../hyTooltip/index.js');
 var index$2 = require('../../hyIcon/index.js');
+var useLocale = require('../../../hooks/useLocale.js');
 var index$3 = require('../../hyInput/index.js');
 var index$4 = require('../../hyDatePicker/index.js');
 var index$5 = require('../../hyTimePicker/index.js');
 var index$6 = require('../../hyRadioGroup/index.js');
-var index$7 = require('../../hyOrgCascader/index.js');
+var index$7 = require('../../hyCheckboxGroup/index.js');
+var index$8 = require('../../hyOrgCascader/index.js');
 
 const _sfc_main = {
   __name: "formItem",
@@ -63,11 +64,19 @@ const _sfc_main = {
     }
   },
   setup(__props) {
-    const { t } = useLocale.useLocale();
     const props = __props;
     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,65 @@ 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;
+          onRequesting();
+          if (!(isMountedLoad && props.column.isDefaultGetData === false)) {
+            try {
+              const options = await props.column.optionsFn(props.column, props.model);
+              onFulfilled(options);
+              resolve();
+            } catch (err) {
+              onRejected();
+              console.error(err);
+              reject();
+            }
+          } else {
+            resolve();
+          }
+        } else if (props.column.type === "org-cascader") {
+          if (orgCascaderRef.value) {
+            try {
+              onRequesting();
+              await orgCascaderRef.value.getData();
+              onFulfilled();
+              resolve();
+            } catch {
+              props.column.optionsError = "error";
+              onRejected();
+              reject();
+            }
+          } else {
+            resolve();
           }
+        } else {
+          resolve();
         }
+        props.column.optionsLoading = false;
+      });
+    }
+    function onRequesting() {
+      props.column.optionsLoading = true;
+      props.column.optionsError = "";
+      props.column.attrs.options = [];
+    }
+    function onFulfilled(options = []) {
+      props.column.optionsLoading = false;
+      props.column.optionsError = "";
+      props.column.attrs.options = options;
+    }
+    function onRejected() {
+      props.column.optionsLoading = false;
+      props.column.optionsError = "error";
+      props.column.attrs.options = [];
+    }
+    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 +192,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 +208,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,23 +252,24 @@ 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" }, [
             vue.createElementVNode("div", { class: "flex items-center" }, [
-              vue.renderSlot(_ctx.$slots, __props.column.labelSlot, {
-                column: columnConfig.value,
-                model: __props.model,
-                required: vue.unref(index.isRequired)(props, __props.column)
-              }, () => [
-                vue.createElementVNode(
-                  "span",
-                  { class: "text-main" },
-                  vue.toDisplayString(vue.unref(form.columnLabelHandler)(__props.column, props.model) || "\xA0"),
-                  1
-                  /* TEXT */
-                )
+              vue.createElementVNode("span", { class: "text-main whitespace-nowrap" }, [
+                vue.renderSlot(_ctx.$slots, __props.column.labelSlot, {
+                  column: columnConfig.value,
+                  model: __props.model,
+                  required: vue.unref(index.isRequired)(props, __props.column)
+                }, () => [
+                  vue.createTextVNode(
+                    vue.toDisplayString(vue.unref(form.columnLabelHandler)(__props.column, props.model) || "\xA0"),
+                    1
+                    /* TEXT */
+                  )
+                ])
               ]),
               vue.unref(index.isRequired)(props, __props.column) ? (vue.openBlock(), vue.createElementBlock("span", {
                 key: 0,
@@ -242,7 +303,7 @@ const _sfc_main = {
                     vue.createElementVNode(
                       "span",
                       null,
-                      vue.toDisplayString(vue.unref(t)("hy.help")),
+                      vue.toDisplayString(vue.unref(useLocale.$t)("hy.help")),
                       1
                       /* TEXT */
                     )
@@ -267,7 +328,7 @@ const _sfc_main = {
             "div",
             {
               key: 0,
-              class: vue.normalizeClass(["w-full flex items-center text-main px-2", {
+              class: vue.normalizeClass(["w-full flex items-center text-main px-2 box-border", {
                 "min-h-[40px]": __props.size === "large",
                 "min-h-[32px]": __props.size === "default",
                 "min-h-[24px]": __props.size === "small",
@@ -329,13 +390,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 +429,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" }, [
@@ -402,9 +463,7 @@ const _sfc_main = {
                 { key: 4 },
                 [
                   vue.createCommentVNode(" \u65E5\u671F\u9009\u62E9\u6846 "),
-                  ["datetimerange", "daterange", "monthrange", "yearrange"].includes(
-                    columnAttrs.value?.type
-                  ) && vue.unref(is.isArray)(__props.column.field) ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.HyDatePicker), vue.mergeProps({
+                  ["datetimerange", "daterange", "monthrange", "yearrange"].includes(columnAttrs.value?.type) && vue.unref(is.isArray)(__props.column.field) ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.HyDatePicker), vue.mergeProps({
                     key: 0,
                     start: bindValue.value,
                     "onUpdate:start": ($event) => bindValue.value = $event,
@@ -471,7 +530,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 +546,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,15 +563,32 @@ 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"])
                 ],
                 2112
                 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-              )) : __props.column.type === "switch" ? (vue.openBlock(), vue.createElementBlock(
+              )) : __props.column.type === "checkbox-group" ? (vue.openBlock(), vue.createElementBlock(
                 vue.Fragment,
                 { key: 9 },
+                [
+                  vue.createCommentVNode(" \u591A\u9009\u6309\u94AE "),
+                  vue.createVNode(vue.unref(index$7.HyCheckboxGroup), vue.mergeProps({
+                    modelValue: bindValue.value,
+                    "onUpdate:modelValue": ($event) => bindValue.value = $event
+                  }, columnAttrs.value, {
+                    disabled: vue.unref(index.isDisabled)(props, __props.column),
+                    options: getOptionsHandler(props, __props.column),
+                    size: __props.size,
+                    onChange: onChangeHandler
+                  }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "options", "size"])
+                ],
+                2112
+                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+              )) : __props.column.type === "switch" ? (vue.openBlock(), vue.createElementBlock(
+                vue.Fragment,
+                { key: 10 },
                 [
                   vue.createCommentVNode(" \u5F00\u5173 "),
                   vue.createVNode(vue.unref(elementPlus.ElSwitch), vue.mergeProps({
@@ -530,7 +606,7 @@ const _sfc_main = {
                 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
               )) : __props.column.type === "input-number" ? (vue.openBlock(), vue.createElementBlock(
                 vue.Fragment,
-                { key: 10 },
+                { key: 11 },
                 [
                   vue.createCommentVNode(" \u6570\u5B57\u8F93\u5165\u6846 "),
                   vue.createVNode(vue.unref(elementPlus.ElInputNumber), vue.mergeProps({
@@ -545,10 +621,10 @@ const _sfc_main = {
                 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
               )) : __props.column.type === "org-cascader" ? (vue.openBlock(), vue.createElementBlock(
                 vue.Fragment,
-                { key: 11 },
+                { key: 12 },
                 [
                   vue.createCommentVNode(" \u90E8\u95E8\u7EA7\u8054\u9009\u62E9\u6846 "),
-                  vue.createVNode(vue.unref(index$7.HyOrgCascader), vue.mergeProps({
+                  vue.createVNode(vue.unref(index$8.HyOrgCascader), vue.mergeProps({
                     ref_key: "orgCascaderRef",
                     ref: orgCascaderRef,
                     modelValue: bindValue.value,
@@ -556,6 +632,10 @@ const _sfc_main = {
                     class: "w-full"
                   }, columnAttrs.value, {
                     disabled: vue.unref(index.isDisabled)(props, __props.column),
+                    defaultGetData: false,
+                    onRequesting,
+                    onFulfilled,
+                    onRejected,
                     onChange: onChangeHandler
                   }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
                 ],
@@ -563,7 +643,7 @@ const _sfc_main = {
                 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
               )) : __props.column.type === "cascader" ? (vue.openBlock(), vue.createElementBlock(
                 vue.Fragment,
-                { key: 12 },
+                { key: 13 },
                 [
                   vue.createCommentVNode(" \u7EA7\u8054\u9009\u62E9\u6846 "),
                   vue.createVNode(vue.unref(elementPlus.ElCascader), vue.mergeProps({
@@ -572,13 +652,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 +690,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/cpns/locationSelect.vue.js

@@ -4,11 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
-require('../../../hooks/index.js');
 require('../../../utils/index.js');
 require('../../index.js');
 var formItem = require('./formItem.vue.js');
-var useLocale = require('../../../hooks/useLocale.js');
 var is = require('../../../utils/is.js');
 var form = require('../../../utils/form.js');
 var index = require('../../../utils/map/index.js');
@@ -60,7 +58,6 @@ const _sfc_main = {
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
     const emits = __emit;
-    const { t } = useLocale.useLocale();
     const containerRef = vue.useTemplateRef("containerRef");
     const addressValue = vue.computed({
       get() {
@@ -159,10 +156,7 @@ const _sfc_main = {
         console.log(results);
         if (results && results.length) {
           const geographicalPosition = results[0];
-          throughCoordinatePosition(
-            geographicalPosition.lng,
-            geographicalPosition.lat
-          );
+          throughCoordinatePosition(geographicalPosition.lng, geographicalPosition.lat);
         } else {
           elementPlus.ElMessage.error("\u6CA1\u6709\u627E\u5230\u641C\u7D22\u5730\u7406\u4F4D\u7F6E");
         }
@@ -172,22 +166,26 @@ const _sfc_main = {
       });
     }
     function throughCoordinatePosition(lng, lat) {
-      poiServer.geocoderFormat({
-        lat,
-        lng
-      }).then(({ results }) => {
-        geographicalPositionFn({
-          lng,
-          lat,
-          address: results.address,
-          name: results.address
-        });
-      }).catch(() => {
-        geographicalPositionFn({
-          lng,
+      return new Promise((resolve) => {
+        poiServer.geocoderFormat({
           lat,
-          address: `${Number(lat).toFixed(6)}\u3001${Number(lng).toFixed(6)}`,
-          name: `${Number(lat).toFixed(6)}\u3001${Number(lng).toFixed(6)}`
+          lng
+        }).then(({ results }) => {
+          geographicalPositionFn({
+            lng,
+            lat,
+            address: results.address,
+            name: results.address
+          });
+          resolve(200);
+        }).catch(() => {
+          geographicalPositionFn({
+            lng,
+            lat,
+            address: `${Number(lat).toFixed(6)}\u3001${Number(lng).toFixed(6)}`,
+            name: `${Number(lat).toFixed(6)}\u3001${Number(lng).toFixed(6)}`
+          });
+          resolve(200);
         });
       });
     }
@@ -214,7 +212,7 @@ const _sfc_main = {
       });
       emits("complete");
     }
-    function setMarker({ lat, lng }) {
+    async function setMarker({ lat, lng }, getAddress = false) {
       if (marker) {
         marker.setLatLng({ lat, lng });
         map.setView({ lat, lng }, mapConfig.maxZoom || 18);
@@ -235,6 +233,10 @@ const _sfc_main = {
         marker.addTo(map);
         map.setView({ lat, lng }, mapConfig.maxZoom || 18);
       }
+      if (getAddress) {
+        await throughCoordinatePosition(lng, lat);
+      }
+      return 200;
     }
     function clearMarker() {
       if (marker) {
@@ -342,9 +344,7 @@ const _sfc_main = {
             vue.createElementVNode(
               "div",
               {
-                class: vue.normalizeClass(["z-20 cursor-pointer absolute rounded top-2 right-2 w-[110px] h-8 border bg-background/70 text-xs flex items-center justify-center gap-1", [
-                  __props.allMapSelect ? "border-theme text-theme" : "border-border/50 text-main"
-                ]]),
+                class: vue.normalizeClass(["z-20 cursor-pointer absolute rounded top-2 right-2 w-[110px] h-8 border bg-background/70 text-xs flex items-center justify-center gap-1", [__props.allMapSelect ? "border-theme text-theme" : "border-border/50 text-main"]]),
                 onClick: vue.withModifiers(setMapSize, ["stop"])
               },
               [