cnhis-design-vue 3.3.1-beta.9 → 3.3.1-release.4

package/es/components/form-config/src/components/FormConfigEdit.vue.d.ts

@@ -260,7 +260,7 @@ declare const _default: import("vue").DefineComponent<{
         placeholder?: string | undefined;
         validate?: {
             [x: string]: any;
-            obj_type?: ("password" | "sex" | "age" | "email" | "birthday" | "id_card" | "age_unit" | "mobile" | "telephone" | "bank_card" | "website" | "gestational_weeks" | "gestational_stage" | "customer_name") | undefined;
+            obj_type?: ("password" | "sex" | "age" | "email" | "mobile" | "birthday" | "id_card" | "age_unit" | "telephone" | "bank_card" | "website" | "gestational_weeks" | "gestational_stage" | "customer_name") | undefined;
             vali_obj?: string | undefined;
             max_value?: string | number | undefined;
             min_value?: string | number | undefined;
@@ -429,7 +429,12 @@ declare const _default: import("vue").DefineComponent<{
         wrapperStyle?: Record<string, string | number> | undefined;
         childFieldStrategy?: "checked" | "all" | undefined;
         childWidthMode?: "inner" | "outer" | undefined;
-        validator?: ((value: unknown, fieldItem: FieldItem, field: import("@formily/core").Field<any, any, any, any>) => string | void) | undefined;
+        validator?: ((value: unknown, fieldItem: FieldItem, context: {
+            field: import("@formily/core").Field<any, any, any, any>;
+            form: import("@formily/core").Form<any>;
+            value: unknown;
+            validator: import("../../../../shared/types").AnyFn;
+        }) => string | void) | undefined;
         reactions?: {
             [x: string]: any;
             dependencies?: string[] | undefined;
@@ -513,7 +518,7 @@ declare const _default: import("vue").DefineComponent<{
                 placeholder?: string | undefined;
                 validate?: {
                     [x: string]: any;
-                    obj_type?: ("password" | "sex" | "age" | "email" | "birthday" | "id_card" | "age_unit" | "mobile" | "telephone" | "bank_card" | "website" | "gestational_weeks" | "gestational_stage" | "customer_name") | undefined;
+                    obj_type?: ("password" | "sex" | "age" | "email" | "mobile" | "birthday" | "id_card" | "age_unit" | "telephone" | "bank_card" | "website" | "gestational_weeks" | "gestational_stage" | "customer_name") | undefined;
                     vali_obj?: string | undefined;
                     max_value?: string | number | undefined;
                     min_value?: string | number | undefined;
@@ -682,7 +687,12 @@ declare const _default: import("vue").DefineComponent<{
                 wrapperStyle?: Record<string, string | number> | undefined;
                 childFieldStrategy?: "checked" | "all" | undefined;
                 childWidthMode?: "inner" | "outer" | undefined;
-                validator?: ((value: unknown, fieldItem: FieldItem, field: import("@formily/core").Field<any, any, any, any>) => string | void) | undefined;
+                validator?: ((value: unknown, fieldItem: FieldItem, context: {
+                    field: import("@formily/core").Field<any, any, any, any>;
+                    form: import("@formily/core").Form<any>;
+                    value: unknown;
+                    validator: import("../../../../shared/types").AnyFn;
+                }) => string | void) | undefined;
                 reactions?: {
                     [x: string]: any;
                     dependencies?: string[] | undefined;
@@ -739,7 +749,7 @@ declare const _default: import("vue").DefineComponent<{
             placeholder?: string | undefined;
             validate?: {
                 [x: string]: any;
-                obj_type?: ("password" | "sex" | "age" | "email" | "birthday" | "id_card" | "age_unit" | "mobile" | "telephone" | "bank_card" | "website" | "gestational_weeks" | "gestational_stage" | "customer_name") | undefined;
+                obj_type?: ("password" | "sex" | "age" | "email" | "mobile" | "birthday" | "id_card" | "age_unit" | "telephone" | "bank_card" | "website" | "gestational_weeks" | "gestational_stage" | "customer_name") | undefined;
                 vali_obj?: string | undefined;
                 max_value?: string | number | undefined;
                 min_value?: string | number | undefined;
@@ -908,7 +918,12 @@ declare const _default: import("vue").DefineComponent<{
             wrapperStyle?: Record<string, string | number> | undefined;
             childFieldStrategy?: "checked" | "all" | undefined;
             childWidthMode?: "inner" | "outer" | undefined;
-            validator?: ((value: unknown, fieldItem: FieldItem, field: import("@formily/core").Field<any, any, any, any>) => string | void) | undefined;
+            validator?: ((value: unknown, fieldItem: FieldItem, context: {
+                field: import("@formily/core").Field<any, any, any, any>;
+                form: import("@formily/core").Form<any>;
+                value: unknown;
+                validator: import("../../../../shared/types").AnyFn;
+            }) => string | void) | undefined;
             reactions?: {
                 [x: string]: any;
                 dependencies?: string[] | undefined;
@@ -979,7 +994,7 @@ declare const _default: import("vue").DefineComponent<{
             placeholder?: string | undefined;
             validate?: {
                 [x: string]: any;
-                obj_type?: ("password" | "sex" | "age" | "email" | "birthday" | "id_card" | "age_unit" | "mobile" | "telephone" | "bank_card" | "website" | "gestational_weeks" | "gestational_stage" | "customer_name") | undefined;
+                obj_type?: ("password" | "sex" | "age" | "email" | "mobile" | "birthday" | "id_card" | "age_unit" | "telephone" | "bank_card" | "website" | "gestational_weeks" | "gestational_stage" | "customer_name") | undefined;
                 vali_obj?: string | undefined;
                 max_value?: string | number | undefined;
                 min_value?: string | number | undefined;
@@ -1142,7 +1157,12 @@ declare const _default: import("vue").DefineComponent<{
             wrapperStyle?: Record<string, string | number> | undefined;
             childFieldStrategy?: "checked" | "all" | undefined;
             childWidthMode?: "inner" | "outer" | undefined;
-            validator?: ((value: unknown, fieldItem: FieldItem, field: import("@formily/core").Field<any, any, any, any>) => string | void) | undefined;
+            validator?: ((value: unknown, fieldItem: FieldItem, context: {
+                field: import("@formily/core").Field<any, any, any, any>;
+                form: import("@formily/core").Form<any>;
+                value: unknown;
+                validator: import("../../../../shared/types").AnyFn;
+            }) => string | void) | undefined;
             reactions?: {
                 [x: string]: any;
                 dependencies?: string[] | undefined;

package/es/components/form-config/src/components/FormConfigEdit.vue.js

@@ -1 +1,6 @@
-import r from"./FormConfigEdit.vue2.js";import o from"../../../../_virtual/_plugin-vue_export-helper.js";var e=o(r,[["__file","FormConfigEdit.vue"]]);export{e as default};
+import _sfc_main from './FormConfigEdit.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var FormConfigEdit = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "FormConfigEdit.vue"]]);
+
+export { FormConfigEdit as default };

package/es/components/form-config/src/components/FormConfigEdit.vue2.js

@@ -1 +1,199 @@
-import{defineComponent as e,computed as t,ref as i,inject as l,watch as o,toRaw as a,openBlock as n,createElementBlock as r,Fragment as u,createVNode as s,unref as d,mergeProps as v,withCtx as p,createElementVNode as f,toDisplayString as m,renderList as c,h as g}from"vue";import{cloneDeep as x,isEmpty as y,isArray as h}from"lodash-es";import{InjectionActiveFieldItem as b,EditAbleField as A}from"../constants/index.js";import"../../../../shared/components/VueDraggable/src/vuedraggable.js";import{findFieldItemByKey as j}from"../utils/index.js";import"@vicons/ionicons5";import{NModal as k,NInput as F,NButton as L}from"naive-ui";import"../../../../shared/utils/index.js";import{useConfigurationField as O}from"../hooks/useConfigurationField.js";import{useFormConfigLocale as _}from"../hooks/useLocale.js";import"../../../index.js";import w from"../../../form-render/index.js";const C={style:{"padding-top":"8px"}},R={style:{width:"100%","text-align":"left"}};var T=e({__name:"FormConfigEdit",props:{uuid:{type:String,required:!0},bindFormRenderRef:{type:Object},formProps:{type:Object}},setup(e,{expose:T}){const U=e;t((()=>`#${U.uuid} .form-config__config`));const E=i(),P=l(b),B=i([]),N=i({}),{generateFieldListByFormConfigItem:D}=O();function I({fieldKey:e,value:t}){P.value&&(P.value[e]=t)}o(P,(async(e,t)=>{var i,l;if(!e)return B.value=[];N.value={editable:!0,show:!0,...x(a(e))};const o=null==(i=U.bindFormRenderRef)?void 0:i.getFieldList();B.value=D(e,j(o,e.key)),null==(l=E.value)||l.reload()}),{immediate:!0});const V={"*"({field:e}){if(e.val_key!==A.DEFAULT_VALUE)return;const t=e.option;var i,l;e.option=(i=e.option,h(i)?i.map((e=>{var t;const i=null==(t=P.value.optionAliasList)?void 0:t.find((t=>t.value===e.value));return i?{...e,text:i.text}:e})):i),e.decoratorProps={labelRender:(l=t,e=>{const t=g("span",{},e);return y(l)?t:g("div",{style:{display:"flex",alignItems:"center",gap:"8px"}},[t,g(L,{text:!0,type:"primary",onClick(){var e;q.value=!0,z.value=x(l),y(null==(e=P.value)?void 0:e.optionAliasList)||z.value.forEach((e=>{const t=P.value.optionAliasList.find((t=>t.value===e.value));t&&(e.alias=t.text)}))}},{default:()=>_("configArea.modifyOptionTitle")})])})}}},q=i(!1),z=i([]);function K(){q.value=!1,z.value=[]}function S(){var e;q.value=!1,P.value.optionAliasList=z.value.reduce(((e,t)=>(t.alias&&e.push({value:t.value,text:t.alias}),e)),[]),z.value=[],N.value={editable:!0,show:!0,...x(a(P.value))},null==(e=E.value)||e.reload()}return T({validate(){var e;return null==(e=E.value)?void 0:e.validate()}}),(t,i)=>(n(),r(u,null,[s(d(w),v({size:"small"},e.formProps,{column:12,ref_key:"formRenderRef",ref:E,onFormChange:I,"field-visitor":V,"field-list":B.value,"initial-data":N.value}),null,16,["field-list","initial-data"]),s(d(k),{show:q.value,"onUpdate:show":i[0]||(i[0]=e=>q.value=e),preset:"dialog",to:"body","close-on-esc":!1,"mask-closable":!1,title:d(_)("configArea.modifyOptionTitle"),"positive-text":d(_)("configArea.positiveBtn"),"negative-text":d(_)("configArea.negativeBtn"),onNegativeClick:K,onPositiveClick:S},{default:p((()=>[f("section",C,[f("table",R,[f("thead",null,[f("tr",null,[f("th",null,m(d(_)("configArea.modifyOptionName")),1),f("th",null,m(d(_)("configArea.modifyOptionOriginText")),1),f("th",null,m(d(_)("configArea.modifyOptionNewText")),1)])]),f("tbody",null,[(n(!0),r(u,null,c(z.value,(e=>(n(),r("tr",{key:e.value},[f("td",null,m(e.value),1),f("td",null,m(e.text),1),f("td",null,[s(d(F),{value:e.alias,"onUpdate:value":t=>e.alias=t},null,8,["value","onUpdate:value"])])])))),128))])])])])),_:1},8,["show","to","title","positive-text","negative-text"])],64))}});export{T as default};
+import { defineComponent, computed, ref, inject, watch, toRaw, openBlock, createElementBlock, Fragment, createVNode, unref, mergeProps, withCtx, createElementVNode, toDisplayString, renderList, h } from 'vue';
+import { cloneDeep, isEmpty, isArray } from 'lodash-es';
+import { InjectionActiveFieldItem, EditAbleField } from '../constants/index.js';
+import '../../../../shared/components/VueDraggable/src/vuedraggable.js';
+import { findFieldItemByKey } from '../utils/index.js';
+import '@vicons/ionicons5';
+import { NModal, NInput, NButton } from 'naive-ui';
+import '../../../../shared/utils/index.js';
+import { useConfigurationField } from '../hooks/useConfigurationField.js';
+import { useFormConfigLocale } from '../hooks/useLocale.js';
+import '../../../index.js';
+import FormRender from '../../../form-render/index.js';
+
+const _hoisted_1 = {
+  style: {
+    "padding-top": "8px"
+  }
+};
+const _hoisted_2 = {
+  style: {
+    "width": "100%",
+    "text-align": "left"
+  }
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FormConfigEdit",
+  props: {
+    uuid: {
+      type: String,
+      required: true
+    },
+    bindFormRenderRef: {
+      type: Object
+    },
+    formProps: {
+      type: Object
+    }
+  },
+  setup(__props, {
+    expose
+  }) {
+    const props = __props;
+    computed(() => `#${props.uuid} .form-config__config`);
+    const formRenderRef = ref();
+    const currentActiveField = inject(InjectionActiveFieldItem);
+    const fieldList = ref([]);
+    const initialData = ref({});
+    const {
+      generateFieldListByFormConfigItem
+    } = useConfigurationField();
+    watch(currentActiveField, async (formConfigItem, oldFormConfigItem) => {
+      var _a, _b;
+      if (!formConfigItem)
+        return fieldList.value = [];
+      initialData.value = {
+        editable: true,
+        show: true,
+        ...cloneDeep(toRaw(formConfigItem))
+      };
+      const fieldItemList = (_a = props.bindFormRenderRef) == null ? void 0 : _a.getFieldList();
+      fieldList.value = generateFieldListByFormConfigItem(formConfigItem, findFieldItemByKey(fieldItemList, formConfigItem.key));
+      (_b = formRenderRef.value) == null ? void 0 : _b.reload();
+    }, {
+      immediate: true
+    });
+    function onFormChange({
+      fieldKey,
+      value
+    }) {
+      if (!currentActiveField.value)
+        return;
+      currentActiveField.value[fieldKey] = value;
+    }
+    function createLabelRender(originOptions) {
+      return (label) => {
+        const labelNode = h("span", {}, label);
+        if (isEmpty(originOptions))
+          return labelNode;
+        return h("div", {
+          style: {
+            display: "flex",
+            alignItems: "center",
+            gap: "8px"
+          }
+        }, [labelNode, h(NButton, {
+          text: true,
+          type: "primary",
+          onClick() {
+            var _a;
+            showOptionModal.value = true;
+            editOptions.value = cloneDeep(originOptions);
+            if (isEmpty((_a = currentActiveField.value) == null ? void 0 : _a.optionAliasList))
+              return;
+            editOptions.value.forEach((option) => {
+              const target = currentActiveField.value.optionAliasList.find((item) => item.value === option.value);
+              if (target)
+                option.alias = target.text;
+            });
+          }
+        }, {
+          default: () => useFormConfigLocale("configArea.modifyOptionTitle")
+        })]);
+      };
+    }
+    function applyOptionAlias(options) {
+      return isArray(options) ? options.map((option) => {
+        var _a;
+        const target = (_a = currentActiveField.value.optionAliasList) == null ? void 0 : _a.find((item) => {
+          return item.value === option.value;
+        });
+        return target ? {
+          ...option,
+          text: target.text
+        } : option;
+      }) : options;
+    }
+    const visitor = {
+      "*"({
+        field
+      }) {
+        if (field.val_key !== EditAbleField.DEFAULT_VALUE)
+          return;
+        const originOption = field.option;
+        field.option = applyOptionAlias(field.option);
+        field.decoratorProps = {
+          labelRender: createLabelRender(originOption)
+        };
+      }
+    };
+    const showOptionModal = ref(false);
+    const editOptions = ref([]);
+    function onOptionModalCancel() {
+      showOptionModal.value = false;
+      editOptions.value = [];
+    }
+    function onOptionModalConfirm() {
+      var _a;
+      showOptionModal.value = false;
+      currentActiveField.value.optionAliasList = editOptions.value.reduce((res, option) => {
+        if (option.alias)
+          res.push({
+            value: option.value,
+            text: option.alias
+          });
+        return res;
+      }, []);
+      editOptions.value = [];
+      initialData.value = {
+        editable: true,
+        show: true,
+        ...cloneDeep(toRaw(currentActiveField.value))
+      };
+      (_a = formRenderRef.value) == null ? void 0 : _a.reload();
+    }
+    expose({
+      validate() {
+        var _a;
+        return (_a = formRenderRef.value) == null ? void 0 : _a.validate();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(FormRender), mergeProps({
+        size: "small"
+      }, __props.formProps, {
+        column: 12,
+        ref_key: "formRenderRef",
+        ref: formRenderRef,
+        onFormChange,
+        "field-visitor": visitor,
+        "field-list": fieldList.value,
+        "initial-data": initialData.value
+      }), null, 16, ["field-list", "initial-data"]), createVNode(unref(NModal), {
+        show: showOptionModal.value,
+        "onUpdate:show": _cache[0] || (_cache[0] = ($event) => showOptionModal.value = $event),
+        preset: "dialog",
+        to: "body",
+        "close-on-esc": false,
+        "mask-closable": false,
+        title: unref(useFormConfigLocale)("configArea.modifyOptionTitle"),
+        "positive-text": unref(useFormConfigLocale)("configArea.positiveBtn"),
+        "negative-text": unref(useFormConfigLocale)("configArea.negativeBtn"),
+        onNegativeClick: onOptionModalCancel,
+        onPositiveClick: onOptionModalConfirm
+      }, {
+        default: withCtx(() => [createElementVNode("section", _hoisted_1, [createElementVNode("table", _hoisted_2, [createElementVNode("thead", null, [createElementVNode("tr", null, [createElementVNode("th", null, toDisplayString(unref(useFormConfigLocale)("configArea.modifyOptionName")), 1), createElementVNode("th", null, toDisplayString(unref(useFormConfigLocale)("configArea.modifyOptionOriginText")), 1), createElementVNode("th", null, toDisplayString(unref(useFormConfigLocale)("configArea.modifyOptionNewText")), 1)])]), createElementVNode("tbody", null, [(openBlock(true), createElementBlock(Fragment, null, renderList(editOptions.value, (option) => {
+          return openBlock(), createElementBlock("tr", {
+            key: option.value
+          }, [createElementVNode("td", null, toDisplayString(option.value), 1), createElementVNode("td", null, toDisplayString(option.text), 1), createElementVNode("td", null, [createVNode(unref(NInput), {
+            value: option.alias,
+            "onUpdate:value": ($event) => option.alias = $event
+          }, null, 8, ["value", "onUpdate:value"])])]);
+        }), 128))])])])]),
+        _: 1
+      }, 8, ["show", "to", "title", "positive-text", "negative-text"])], 64);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/form-config/src/components/FormConfigEventSetting.vue.d.ts

@@ -98,7 +98,7 @@ declare const _default: import("vue").DefineComponent<{
         placeholder?: string | undefined;
         validate?: Partial<{
             [key: string]: any;
-            obj_type: "password" | "sex" | "age" | "email" | "birthday" | "id_card" | "age_unit" | "mobile" | "telephone" | "bank_card" | "website" | "gestational_weeks" | "gestational_stage" | "customer_name";
+            obj_type: "password" | "sex" | "age" | "email" | "mobile" | "birthday" | "id_card" | "age_unit" | "telephone" | "bank_card" | "website" | "gestational_weeks" | "gestational_stage" | "customer_name";
             vali_obj: string;
             max_value: string | number;
             min_value: string | number;
@@ -191,7 +191,12 @@ declare const _default: import("vue").DefineComponent<{
         wrapperStyle?: Record<string, string | number> | undefined;
         childFieldStrategy?: "checked" | "all" | undefined;
         childWidthMode?: "inner" | "outer" | undefined;
-        validator?: ((value: unknown, fieldItem: import("../../../../components/form-render").FieldItem, field: import("@formily/core").Field<any, any, any, any>) => string | void) | undefined;
+        validator?: ((value: unknown, fieldItem: import("../../../../components/form-render").FieldItem, context: {
+            field: import("@formily/core").Field<any, any, any, any>;
+            form: import("@formily/core").Form<any>;
+            value: unknown;
+            validator: import("../../../../shared/types").AnyFn;
+        }) => string | void) | undefined;
         reactions?: import("../../../../shared/types").ArrayAble<import("../../../../components/form-render").ReactionType> | undefined;
     }[];
     removeSetValueField: (item: LowCodeTypes.reactionConfig, index: number) => void;

package/es/components/form-config/src/components/FormConfigEventSetting.vue.js

@@ -1 +1,6 @@
-import e from"./FormConfigEventSetting.vue2.js";import t from"../../../../_virtual/_plugin-vue_export-helper.js";var r=t(e,[["__file","FormConfigEventSetting.vue"]]);export{r as default};
+import _sfc_main from './FormConfigEventSetting.vue2.js';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.js';
+
+var FormConfigEventSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "FormConfigEventSetting.vue"]]);
+
+export { FormConfigEventSetting as default };