hy-dispatch-ui-v3 0.2.59 → 0.2.61

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

@@ -4,15 +4,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var vue = require('vue');
 var elementPlus = require('element-plus');
-var iconsVue = require('@element-plus/icons-vue');
 var index = require('../js/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('../../hyInput/index.js');
-var index$3 = require('../../hyDatePicker/index.js');
-var index$4 = require('../../hyTimePicker/index.js');
-var index$5 = require('../../hyOrgCascader/index.js');
+var index$2 = require('../../hyIcon/index.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');
 
 const _sfc_main = {
   __name: "formItem",
@@ -57,6 +59,7 @@ const _sfc_main = {
     }
   },
   setup(__props) {
+    const { t } = useLocale.useLocale();
     const props = __props;
     const formItemRef = vue.useTemplateRef("formItemRef");
     const columnProp = vue.computed(() => {
@@ -86,6 +89,13 @@ const _sfc_main = {
         form.setValueByProp(props.model, prop, val);
       }
     });
+    const columnAttrs = vue.computed(() => {
+      return {
+        ...props.column.attrs,
+        label: form.columnLabelHandler(props.column, props.model),
+        placeholder: form.columnPlaceholderHandler(props.column, props.model)
+      };
+    });
     function getColumnRuleHandler(column, model) {
       if (!index.isRequired(props, column) && formItemRef.value) {
         formItemRef.value.clearValidate();
@@ -98,10 +108,19 @@ const _sfc_main = {
       onChange(props.column, props.model);
     }
     return (_ctx, _cache) => {
-      return vue.unref(index.columnShowHandler)(props, __props.column) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElFormItem), {
+      return !vue.unref(index.columnVisibleHandler)(props, __props.column) ? (vue.openBlock(), vue.createElementBlock("div", {
         key: 0,
+        id: __props.column.id,
+        style: vue.normalizeStyle(vue.unref(index.columnItemStyle)(props, __props.column)),
+        class: vue.normalizeClass(["hy-el-form-item", [
+          __props.size === "large" ? "hy-el-form-item--large" : __props.size === "small" ? "hy-el-form-item--small" : "hy-el-form-item--default",
+          __props.size === "large" ? "min-h-[72px]" : __props.size === "small" ? "min-h-[56px]" : "min-h-[64px]"
+        ]])
+      }, null, 14, ["id"])) : vue.unref(index.columnShowHandler)(props, __props.column) ? (vue.openBlock(), vue.createBlock(vue.unref(elementPlus.ElFormItem), {
+        key: 1,
         ref_key: "formItemRef",
         ref: formItemRef,
+        id: __props.column.id,
         prop: columnProp.value,
         rules: getColumnRuleHandler(__props.column, props.model),
         style: vue.normalizeStyle(vue.unref(index.columnItemStyle)(props, __props.column))
@@ -118,7 +137,7 @@ const _sfc_main = {
                 vue.createElementVNode(
                   "span",
                   { class: "text-main" },
-                  vue.toDisplayString(__props.column.label || "\xA0"),
+                  vue.toDisplayString(vue.unref(form.columnLabelHandler)(__props.column, props.model) || "\xA0"),
                   1
                   /* TEXT */
                 )
@@ -127,32 +146,43 @@ const _sfc_main = {
                 key: 0,
                 class: "label-required"
               })) : vue.createCommentVNode("v-if", true),
-              vue.unref(index.columnHelpHandler)(props, __props.column) ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyTooltip), {
+              vue.unref(index.columnHelpHandler)(props, __props.column) || __props.column.tooltipContentSlot ? (vue.openBlock(), vue.createBlock(vue.unref(index$1.HyTooltip), {
                 key: 1,
                 "is-always": "",
-                overLine: 1,
-                content: vue.unref(index.columnHelpHandler)(props, __props.column)
+                overLine: 1
               }, {
+                content: vue.withCtx(() => [
+                  !__props.column.tooltipContentSlot ? (vue.openBlock(), vue.createElementBlock(
+                    "span",
+                    { key: 0 },
+                    vue.toDisplayString(vue.unref(index.columnHelpHandler)(props, __props.column)),
+                    1
+                    /* TEXT */
+                  )) : vue.createCommentVNode("v-if", true),
+                  vue.renderSlot(_ctx.$slots, __props.column.tooltipContentSlot)
+                ]),
                 default: vue.withCtx(() => [
-                  vue.createVNode(vue.unref(elementPlus.ElIcon), {
-                    size: "14",
-                    color: "rgba(var(--hy-theme))",
-                    class: "ml-1.5"
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(vue.unref(iconsVue.QuestionFilled))
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  })
+                  vue.createElementVNode("span", { class: "text-xs text-theme ml-2" }, [
+                    vue.createVNode(vue.unref(index$2.HyIcon), {
+                      "svg-name": "dispatch-share-v3-base-help",
+                      class: "!w-3 !h-3 mr-1"
+                    }),
+                    vue.createElementVNode(
+                      "span",
+                      null,
+                      vue.toDisplayString(vue.unref(t)("hy.help")),
+                      1
+                      /* TEXT */
+                    )
+                  ])
                 ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["content"])) : vue.createCommentVNode("v-if", true)
+                _: 3
+                /* FORWARDED */
+              })) : vue.createCommentVNode("v-if", true)
             ]),
             __props.column.rightSlot && _ctx.$slots[__props.column.rightSlot] ? (vue.openBlock(), vue.createElementBlock("div", {
               key: 0,
-              class: "ml-2"
+              class: "ml-2 flex items-center"
             }, [
               vue.renderSlot(_ctx.$slots, __props.column.rightSlot, {
                 column: __props.column,
@@ -207,10 +237,10 @@ const _sfc_main = {
                 { key: 1 },
                 [
                   vue.createCommentVNode(" \u8F93\u5165\u6846 "),
-                  vue.createVNode(vue.unref(index$2.HyInput), vue.mergeProps({
+                  vue.createVNode(vue.unref(index$3.HyInput), vue.mergeProps({
                     modelValue: bindValue.value,
                     "onUpdate:modelValue": ($event) => bindValue.value = $event
-                  }, __props.column.attrs, {
+                  }, columnAttrs.value, {
                     disabled: vue.unref(index.isDisabled)(props, __props.column),
                     onChange: onChangeHandler
                   }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
@@ -225,7 +255,7 @@ const _sfc_main = {
                   vue.createVNode(vue.unref(elementPlus.ElSelect), vue.mergeProps({
                     modelValue: bindValue.value,
                     "onUpdate:modelValue": ($event) => bindValue.value = $event
-                  }, __props.column.attrs, {
+                  }, columnAttrs.value, {
                     disabled: vue.unref(index.isDisabled)(props, __props.column),
                     options: vue.unref(index.optionsHandler)(props, __props.column),
                     onChange: onChangeHandler
@@ -239,8 +269,8 @@ const _sfc_main = {
                 [
                   vue.createCommentVNode(" \u65E5\u671F\u9009\u62E9\u6846 "),
                   ["datetimerange", "daterange", "monthrange", "yearrange"].includes(
-                    __props.column.attrs?.type
-                  ) && vue.unref(is.isArray)(__props.column.field) ? (vue.openBlock(), vue.createBlock(vue.unref(index$3.HyDatePicker), vue.mergeProps({
+                    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,
@@ -249,17 +279,17 @@ const _sfc_main = {
                     "is-range": true,
                     style: { "width": "100%" },
                     teleported: true
-                  }, __props.column.attrs, {
+                  }, columnAttrs.value, {
                     disabled: vue.unref(index.isDisabled)(props, __props.column),
                     onChange: onChangeHandler
-                  }), null, 16, ["start", "onUpdate:start", "end", "onUpdate:end", "disabled"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$3.HyDatePicker), vue.mergeProps({
+                  }), null, 16, ["start", "onUpdate:start", "end", "onUpdate:end", "disabled"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$4.HyDatePicker), vue.mergeProps({
                     key: 1,
                     modelValue: bindValue.value,
                     "onUpdate:modelValue": ($event) => bindValue.value = $event,
                     "is-range": false,
                     style: { "width": "100%" },
                     teleported: true
-                  }, __props.column.attrs, {
+                  }, columnAttrs.value, {
                     disabled: vue.unref(index.isDisabled)(props, __props.column),
                     onChange: onChangeHandler
                   }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"]))
@@ -271,7 +301,7 @@ const _sfc_main = {
                 { key: 4 },
                 [
                   vue.createCommentVNode(" \u65F6\u95F4\u9009\u62E9\u6846 "),
-                  __props.column.attrs.isRange ? (vue.openBlock(), vue.createBlock(vue.unref(index$4.HyTimePicker), vue.mergeProps({
+                  columnAttrs.value.isRange ? (vue.openBlock(), vue.createBlock(vue.unref(index$5.HyTimePicker), vue.mergeProps({
                     key: 0,
                     start: bindValue.value,
                     "onUpdate:start": ($event) => bindValue.value = $event,
@@ -280,17 +310,17 @@ const _sfc_main = {
                     "is-range": true,
                     style: { "width": "100%" },
                     teleported: true
-                  }, __props.column.attrs, {
+                  }, columnAttrs.value, {
                     disabled: vue.unref(index.isDisabled)(props, __props.column),
                     onChange: onChangeHandler
-                  }), null, 16, ["start", "onUpdate:start", "end", "onUpdate:end", "disabled"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$4.HyTimePicker), vue.mergeProps({
+                  }), null, 16, ["start", "onUpdate:start", "end", "onUpdate:end", "disabled"])) : (vue.openBlock(), vue.createBlock(vue.unref(index$5.HyTimePicker), vue.mergeProps({
                     key: 1,
                     modelValue: bindValue.value,
                     "onUpdate:modelValue": ($event) => bindValue.value = $event,
                     "is-range": false,
                     style: { "width": "100%" },
                     teleported: true
-                  }, __props.column.attrs, {
+                  }, columnAttrs.value, {
                     disabled: vue.unref(index.isDisabled)(props, __props.column),
                     onChange: onChangeHandler
                   }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"]))
@@ -305,7 +335,7 @@ const _sfc_main = {
                   vue.createVNode(vue.unref(elementPlus.ElRadioGroup), vue.mergeProps({
                     modelValue: bindValue.value,
                     "onUpdate:modelValue": ($event) => bindValue.value = $event
-                  }, __props.column.attrs, {
+                  }, columnAttrs.value, {
                     disabled: vue.unref(index.isDisabled)(props, __props.column),
                     options: vue.unref(index.optionsHandler)(props, __props.column),
                     onChange: onChangeHandler
@@ -313,15 +343,32 @@ const _sfc_main = {
                 ],
                 2112
                 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
-              )) : __props.column.type === "checkbox" ? (vue.openBlock(), vue.createElementBlock(
+              )) : __props.column.type === "radio-group" ? (vue.openBlock(), vue.createElementBlock(
                 vue.Fragment,
                 { key: 6 },
+                [
+                  vue.createCommentVNode(" \u5355\u9009\u6309\u94AE "),
+                  vue.createVNode(vue.unref(index$6.HyRadioGroup), vue.mergeProps({
+                    modelValue: bindValue.value,
+                    "onUpdate:modelValue": ($event) => bindValue.value = $event
+                  }, columnAttrs.value, {
+                    disabled: vue.unref(index.isDisabled)(props, __props.column),
+                    options: vue.unref(index.optionsHandler)(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 === "checkbox" ? (vue.openBlock(), vue.createElementBlock(
+                vue.Fragment,
+                { key: 7 },
                 [
                   vue.createCommentVNode(" \u591A\u9009 "),
                   vue.createVNode(vue.unref(elementPlus.ElCheckboxGroup), vue.mergeProps({
                     modelValue: bindValue.value,
                     "onUpdate:modelValue": ($event) => bindValue.value = $event
-                  }, __props.column.attrs, {
+                  }, columnAttrs.value, {
                     disabled: vue.unref(index.isDisabled)(props, __props.column),
                     options: vue.unref(index.optionsHandler)(props, __props.column),
                     onChange: onChangeHandler
@@ -331,7 +378,7 @@ const _sfc_main = {
                 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
               )) : __props.column.type === "switch" ? (vue.openBlock(), vue.createElementBlock(
                 vue.Fragment,
-                { key: 7 },
+                { key: 8 },
                 [
                   vue.createCommentVNode(" \u5F00\u5173 "),
                   vue.createVNode(vue.unref(elementPlus.ElSwitch), vue.mergeProps({
@@ -340,7 +387,7 @@ const _sfc_main = {
                     "inline-prompt": "",
                     width: "80",
                     style: { "--hy-el-switch-on-color": "#5ab95f", "--hy-el-switch-off-color": "rgba(var(--hy-background), 1)" }
-                  }, __props.column.attrs, {
+                  }, columnAttrs.value, {
                     disabled: vue.unref(index.isDisabled)(props, __props.column),
                     onChange: onChangeHandler
                   }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
@@ -349,13 +396,13 @@ const _sfc_main = {
                 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
               )) : __props.column.type === "input-number" ? (vue.openBlock(), vue.createElementBlock(
                 vue.Fragment,
-                { key: 8 },
+                { key: 9 },
                 [
                   vue.createCommentVNode(" \u6570\u5B57\u8F93\u5165\u6846 "),
                   vue.createVNode(vue.unref(elementPlus.ElInputNumber), vue.mergeProps({
                     modelValue: bindValue.value,
                     "onUpdate:modelValue": ($event) => bindValue.value = $event
-                  }, __props.column.attrs, {
+                  }, columnAttrs.value, {
                     disabled: vue.unref(index.isDisabled)(props, __props.column),
                     onChange: onChangeHandler
                   }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
@@ -364,20 +411,36 @@ const _sfc_main = {
                 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
               )) : __props.column.type === "org-cascader" ? (vue.openBlock(), vue.createElementBlock(
                 vue.Fragment,
-                { key: 9 },
+                { key: 10 },
                 [
                   vue.createCommentVNode(" \u90E8\u95E8\u7EA7\u8054\u9009\u62E9\u6846 "),
-                  vue.createVNode(vue.unref(index$5.HyOrgCascader), vue.mergeProps({
+                  vue.createVNode(vue.unref(index$7.HyOrgCascader), vue.mergeProps({
                     modelValue: bindValue.value,
                     "onUpdate:modelValue": ($event) => bindValue.value = $event,
                     class: "w-full"
-                  }, __props.column.attrs, {
+                  }, columnAttrs.value, {
                     disabled: vue.unref(index.isDisabled)(props, __props.column),
                     onChange: onChangeHandler
                   }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled"])
                 ],
                 2112
                 /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+              )) : __props.column.type === "cascader" ? (vue.openBlock(), vue.createElementBlock(
+                vue.Fragment,
+                { key: 11 },
+                [
+                  vue.createCommentVNode(" \u7EA7\u8054\u9009\u62E9\u6846 "),
+                  vue.createVNode(vue.unref(elementPlus.ElCascader), vue.mergeProps({
+                    modelValue: bindValue.value,
+                    "onUpdate:modelValue": ($event) => bindValue.value = $event
+                  }, columnAttrs.value, {
+                    disabled: vue.unref(index.isDisabled)(props, __props.column),
+                    options: vue.unref(index.optionsHandler)(props, __props.column),
+                    onChange: onChangeHandler
+                  }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "options"])
+                ],
+                2112
+                /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
               )) : vue.createCommentVNode("v-if", true)
             ],
             64
@@ -386,7 +449,7 @@ const _sfc_main = {
         ]),
         _: 3
         /* FORWARDED */
-      }, 8, ["prop", "rules", "style"])) : vue.createCommentVNode("v-if", true);
+      }, 8, ["id", "prop", "rules", "style"])) : vue.createCommentVNode("v-if", true);
     };
   }
 };