cnhis-design-vue 3.1.40-beta.11 → 3.1.40-beta.15

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

@@ -1,124 +1 @@
-import { defineComponent, ref, provide, toRaw, openBlock, createElementBlock, normalizeStyle, unref, createElementVNode, createVNode, mergeProps, withCtx, createTextVNode } from 'vue';
-import { uuidGenerator } from '../../../shared/utils/index.js';
-import { cloneDeep, isFunction } from 'lodash-es';
-import draggableComponent from '../../../shared/components/VueDraggable/src/vuedraggable.js';
-import FormConfigCreator from './components/FormConfigCreator.vue.js';
-import FormConfigDragDisplay from './components/FormConfigDragDisplay.vue.js';
-import FormConfigEdit from './components/FormConfigEdit.vue.js';
-import FormConfigMaterialItem from './components/FormConfigMaterialItem.js';
-import { useDataNormalize } from './hooks/useDataNormalize.js';
-import { InjectionFieldList, InjectionMaterialList, InjectionActiveFieldItem, FORM_CONFIG_GROUP } from './constants/index.js';
-import '@vicons/ionicons5';
-import 'naive-ui';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.js';
-import './utils/index.js';
-import { useSortableConfig } from './hooks/useSortalbeConfig.js';
-
-const _hoisted_1 = ["id"];
-const _hoisted_2 = { class: "form-config__material" };
-const _hoisted_3 = /* @__PURE__ */ createElementVNode("header", { class: "form-config__materialHeader" }, "\u7269\u6599\u533A", -1);
-const _hoisted_4 = { class: "form-config__displayWrapper" };
-const _hoisted_5 = { class: "form-config__displayHeader" };
-const _hoisted_6 = { class: "form-config__config" };
-const _hoisted_7 = /* @__PURE__ */ createElementVNode("header", { class: "form-config__configHeader" }, "\u914D\u7F6E\u533A", -1);
-const _hoisted_8 = { class: "form-config__configContent" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "FormConfig",
-  props: {
-    maxHeight: { type: String },
-    textFormatter: { type: Function }
-  },
-  setup(__props, { expose }) {
-    const props = __props;
-    const uuid = uuidGenerator();
-    const { getCommonConfig } = useSortableConfig();
-    const fieldListRef = ref([]);
-    provide(InjectionFieldList, fieldListRef);
-    const materialListRef = ref([]);
-    provide(InjectionMaterialList, materialListRef);
-    function addItem(fieldItem) {
-      if (fieldListRef.value.some((field) => field.key === fieldItem.key))
-        return;
-      fieldListRef.value.push(fieldItem);
-    }
-    const parsedTextFormatter = (fieldItem, parsedText) => {
-      if (!isFunction(props.textFormatter))
-        return parsedText;
-      return props.textFormatter(fieldItem, parsedText);
-    };
-    const currentEditField = ref();
-    provide(InjectionActiveFieldItem, currentEditField);
-    const formConfigEditRef = ref();
-    const { transform, inverseTransform } = useDataNormalize();
-    expose({
-      loadData({ fieldList }) {
-        let _fieldList = [], _materialList = [];
-        fieldList.forEach((field) => classification(cloneDeep(toRaw(field))));
-        fieldListRef.value = transform(_fieldList);
-        materialListRef.value = _materialList;
-        function classification(item) {
-          if (item.type === "LINE_BAR")
-            item.children = [];
-          item.show === false ? _materialList.push(item) : _fieldList.push(item);
-        }
-      },
-      validate() {
-        var _a;
-        return (_a = formConfigEditRef.value) == null ? void 0 : _a.validate();
-      },
-      getData() {
-        return {
-          fieldList: inverseTransform(cloneDeep(toRaw(fieldListRef.value))),
-          materialList: inverseTransform(cloneDeep(toRaw(materialListRef.value)))
-        };
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", {
-        class: "form-config",
-        style: normalizeStyle({ "--max-height": __props.maxHeight }),
-        id: unref(uuid)
-      }, [
-        createElementVNode("section", _hoisted_2, [
-          _hoisted_3,
-          createVNode(unref(draggableComponent), mergeProps(unref(getCommonConfig)(), {
-            class: "form-config__materialContent",
-            modelValue: materialListRef.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => materialListRef.value = $event)
-          }), {
-            item: withCtx(({ element }) => [
-              createVNode(unref(FormConfigMaterialItem), { "field-item": element }, null, 8, ["field-item"])
-            ]),
-            _: 1
-          }, 16, ["modelValue"])
-        ]),
-        createElementVNode("section", _hoisted_4, [
-          createElementVNode("header", _hoisted_5, [
-            createTextVNode(" \u5E03\u5C40\u533A "),
-            createVNode(FormConfigCreator, { onSubmit: addItem })
-          ]),
-          createVNode(FormConfigDragDisplay, {
-            class: "form-config__displayContent",
-            group: unref(FORM_CONFIG_GROUP),
-            "text-formatter": parsedTextFormatter,
-            modelValue: fieldListRef.value,
-            "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => fieldListRef.value = $event)
-          }, null, 8, ["group", "modelValue"])
-        ]),
-        createElementVNode("section", _hoisted_6, [
-          _hoisted_7,
-          createElementVNode("section", _hoisted_8, [
-            createVNode(FormConfigEdit, {
-              ref_key: "formConfigEditRef",
-              ref: formConfigEditRef,
-              uuid: unref(uuid)
-            }, null, 8, ["uuid"])
-          ])
-        ])
-      ], 12, _hoisted_1);
-    };
-  }
-});
-var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "FormConfig.vue"]]);
-
-export { script as default };
+import{defineComponent as o,ref as e,provide as t,toRaw as r,openBlock as i,createElementBlock as a,normalizeStyle as n,unref as s,createElementVNode as m,createVNode as l,mergeProps as f,withCtx as u,createTextVNode as c}from"vue";import{uuidGenerator as p}from"../../../shared/utils/index.js";import{cloneDeep as d,isFunction as g}from"lodash-es";import v from"../../../shared/components/VueDraggable/src/vuedraggable.js";import _ from"./components/FormConfigCreator.vue.js";import h from"./components/FormConfigDragDisplay.vue.js";import C from"./components/FormConfigEdit.vue.js";import x from"./components/FormConfigMaterialItem.js";import{useDataNormalize as j}from"./hooks/useDataNormalize.js";import{InjectionFieldList as y,InjectionMaterialList as F,InjectionActiveFieldItem as V,FORM_CONFIG_GROUP as D}from"./constants/index.js";import"@vicons/ionicons5";import"naive-ui";import k from"../../../_virtual/plugin-vue_export-helper.js";import"./utils/index.js";import{useSortableConfig as H}from"./hooks/useSortalbeConfig.js";const b=["id"],E={class:"form-config__material"},L=m("header",{class:"form-config__materialHeader"},"物料区",-1),S={class:"form-config__displayWrapper"},I={class:"form-config__displayHeader"},N={class:"form-config__config"},R=m("header",{class:"form-config__configHeader"},"配置区",-1),U={class:"form-config__configContent"};var w=k(o({__name:"FormConfig",props:{maxHeight:{type:String},textFormatter:{type:Function}},setup(o,{expose:k}){const w=o,z=p(),{getCommonConfig:A}=H(),B=e([]);t(y,B);const M=e([]);function T(o){B.value.some((e=>e.key===o.key))||B.value.push(o)}t(F,M);const W=(o,e)=>g(w.textFormatter)?w.textFormatter(o,e):e,q=e();t(V,q);const G=e(),{transform:J,inverseTransform:K}=j();return k({loadData({fieldList:o}){let e=[],t=[];o.forEach((o=>function(o){"LINE_BAR"===o.type&&(o.children=[]);!1===o.show?t.push(o):e.push(o)}(d(r(o))))),B.value=J(e),M.value=t},validate(){var o;return null==(o=G.value)?void 0:o.validate()},getData:()=>({fieldList:K(d(r(B.value))),materialList:K(d(r(M.value)))})}),(e,t)=>(i(),a("section",{class:"form-config",style:n({"--max-height":o.maxHeight}),id:s(z)},[m("section",E,[L,l(s(v),f(s(A)(),{class:"form-config__materialContent",modelValue:M.value,"onUpdate:modelValue":t[0]||(t[0]=o=>M.value=o)}),{item:u((({element:o})=>[l(s(x),{"field-item":o},null,8,["field-item"])])),_:1},16,["modelValue"])]),m("section",S,[m("header",I,[c(" 布局区 "),l(_,{onSubmit:T})]),l(h,{class:"form-config__displayContent",group:s(D),"text-formatter":W,modelValue:B.value,"onUpdate:modelValue":t[1]||(t[1]=o=>B.value=o)},null,8,["group","modelValue"])]),m("section",N,[R,m("section",U,[l(C,{ref_key:"formConfigEditRef",ref:G,uuid:s(z)},null,8,["uuid"])])])],12,b))}}),[["__file","FormConfig.vue"]]);export{w as default};

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

@@ -1,100 +1 @@
-import { defineComponent, ref, openBlock, createBlock, unref, withCtx, createVNode, createTextVNode } from 'vue';
-import { pick } from 'lodash-es';
-import { NButtonGroup, NPopconfirm, NButton } from 'naive-ui';
-import { EditAbleField } from '../constants/index.js';
-import { useConfigurationField } from '../hooks/useConfigurationField.js';
-import '../../../index.js';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
-import FormRender from '../../../form-render/index.js';
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "FormConfigCreator",
-  emits: {
-    submit: (payload) => payload
-  },
-  setup(__props, { emit }) {
-    const linebarField = useConfigurationField().generateFieldListByKeys(null, [
-      EditAbleField.NAME,
-      EditAbleField.LAYOUT_WIDTH_ENUM,
-      EditAbleField.NOTES,
-      EditAbleField.DEFAULT_EXPAND,
-      EditAbleField.FOLD
-    ]);
-    const linebarFormRef = ref();
-    const lineBreakFormRef = ref();
-    const initialData = { defaultExpand: true, fold: true, layoutWidthEnum: "ALL_LINE" };
-    async function submit(type, formRef) {
-      if (!formRef)
-        return;
-      await formRef.validate();
-      const formData = formRef.getFormValues();
-      emit("submit", { layoutWidthEnum: "ALL_LINE", ...formData, type, key: formData.name, __new: true });
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NButtonGroup), { size: "small" }, {
-        default: withCtx(() => [
-          createVNode(unref(NPopconfirm), {
-            width: "200px",
-            "show-icon": false,
-            "show-arrow": false,
-            onPositiveClick: _cache[0] || (_cache[0] = ($event) => submit("NEWLINE", lineBreakFormRef.value))
-          }, {
-            trigger: withCtx(() => [
-              createVNode(unref(NButton), null, {
-                default: withCtx(() => [
-                  createTextVNode("\u65B0\u5EFA\u5206\u884C\u7B26")
-                ]),
-                _: 1
-              })
-            ]),
-            default: withCtx(() => [
-              createVNode(unref(FormRender), {
-                column: 12,
-                ref_key: "lineBreakFormRef",
-                ref: lineBreakFormRef,
-                "initial-data": unref(pick)(initialData, ["layoutWidthEnum"]),
-                size: "small",
-                "label-width": "auto",
-                "label-placement": "left",
-                fieldList: unref(linebarField).slice(0, 2)
-              }, null, 8, ["initial-data", "fieldList"])
-            ]),
-            _: 1
-          }),
-          createVNode(unref(NPopconfirm), {
-            width: "300px",
-            "show-icon": false,
-            "show-arrow": false,
-            onPositiveClick: _cache[1] || (_cache[1] = ($event) => submit("LINE_BAR", linebarFormRef.value))
-          }, {
-            trigger: withCtx(() => [
-              createVNode(unref(NButton), null, {
-                default: withCtx(() => [
-                  createTextVNode("\u65B0\u5EFA\u5206\u7EBF\u680F")
-                ]),
-                _: 1
-              })
-            ]),
-            default: withCtx(() => [
-              createVNode(unref(FormRender), {
-                column: 12,
-                ref_key: "linebarFormRef",
-                ref: linebarFormRef,
-                "initial-data": initialData,
-                size: "small",
-                "label-width": "auto",
-                "label-placement": "left",
-                fieldList: unref(linebarField)
-              }, null, 8, ["fieldList"])
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      });
-    };
-  }
-});
-var FormConfigCreator = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "FormConfigCreator.vue"]]);
-
-export { FormConfigCreator as default };
+import{defineComponent as e,ref as i,openBlock as t,createBlock as l,unref as o,withCtx as a,createVNode as r,createTextVNode as n}from"vue";import{pick as s}from"lodash-es";import{NButtonGroup as u,NPopconfirm as m,NButton as f}from"naive-ui";import{EditAbleField as d}from"../constants/index.js";import{useConfigurationField as _}from"../hooks/useConfigurationField.js";import"../../../index.js";import p from"../../../../_virtual/plugin-vue_export-helper.js";import L from"../../../form-render/index.js";var c=p(e({__name:"FormConfigCreator",emits:{submit:e=>e},setup(e,{emit:p}){const c=_().generateFieldListByKeys(null,[d.NAME,d.LAYOUT_WIDTH_ENUM,d.NOTES,d.DEFAULT_EXPAND,d.FOLD]),h=i(),E=i(),w={defaultExpand:!0,fold:!0,layoutWidthEnum:"ALL_LINE"};async function v(e,i){if(!i)return;await i.validate();const t=i.getFormValues();p("submit",{layoutWidthEnum:"ALL_LINE",...t,type:e,key:t.name,__new:!0})}return(e,i)=>(t(),l(o(u),{size:"small"},{default:a((()=>[r(o(m),{width:"200px","show-icon":!1,"show-arrow":!1,onPositiveClick:i[0]||(i[0]=e=>v("NEWLINE",E.value))},{trigger:a((()=>[r(o(f),null,{default:a((()=>[n("新建分行符")])),_:1})])),default:a((()=>[r(o(L),{column:12,ref_key:"lineBreakFormRef",ref:E,"initial-data":o(s)(w,["layoutWidthEnum"]),size:"small","label-width":"auto","label-placement":"left",fieldList:o(c).slice(0,2)},null,8,["initial-data","fieldList"])])),_:1}),r(o(m),{width:"300px","show-icon":!1,"show-arrow":!1,onPositiveClick:i[1]||(i[1]=e=>v("LINE_BAR",h.value))},{trigger:a((()=>[r(o(f),null,{default:a((()=>[n("新建分线栏")])),_:1})])),default:a((()=>[r(o(L),{column:12,ref_key:"linebarFormRef",ref:h,"initial-data":w,size:"small","label-width":"auto","label-placement":"left",fieldList:o(c)},null,8,["fieldList"])])),_:1})])),_:1}))}}),[["__file","FormConfigCreator.vue"]]);export{c as default};

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

@@ -1,45 +1 @@
-import { defineComponent, openBlock, createBlock, unref, mergeProps, withCtx, createElementVNode, normalizeStyle, resolveDynamicComponent } from 'vue';
-import draggableComponent from '../../../../shared/components/VueDraggable/src/vuedraggable.js';
-import { usePresetRenderer } from '../hooks/usePresetRenderer.js';
-import { useSortableConfig } from '../hooks/useSortalbeConfig.js';
-import 'lodash-es';
-import { layoutWidthEnum2Column } from '../utils/index.js';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
-
-const _hoisted_1 = ["data-type"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "FormConfigDragDisplay",
-  props: {
-    fieldItem: { type: Object },
-    textFormatter: { type: Function, required: true }
-  },
-  setup(__props) {
-    function getItemColumnStyle(fieldItem) {
-      return { "--item-column": fieldItem ? layoutWidthEnum2Column(fieldItem.layoutWidthEnum) : 24 };
-    }
-    const { getRenderer } = usePresetRenderer();
-    const { getCommonConfig } = useSortableConfig();
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(draggableComponent), mergeProps(unref(getCommonConfig)(__props.fieldItem), {
-        style: getItemColumnStyle(__props.fieldItem)
-      }), {
-        item: withCtx(({ element }) => [
-          createElementVNode("div", {
-            class: "form-config__displayContentItem",
-            "data-type": element.type,
-            style: normalizeStyle(getItemColumnStyle(element))
-          }, [
-            (openBlock(), createBlock(resolveDynamicComponent(unref(getRenderer)(element)), {
-              "field-item": element,
-              textFormatter: __props.textFormatter
-            }, null, 8, ["field-item", "textFormatter"]))
-          ], 12, _hoisted_1)
-        ]),
-        _: 1
-      }, 16, ["style"]);
-    };
-  }
-});
-var FormConfigDragDisplay = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "FormConfigDragDisplay.vue"]]);
-
-export { FormConfigDragDisplay as default };
+import{defineComponent as e,openBlock as t,createBlock as r,unref as o,mergeProps as m,withCtx as i,createElementVNode as s,normalizeStyle as a,resolveDynamicComponent as l}from"vue";import n from"../../../../shared/components/VueDraggable/src/vuedraggable.js";import{usePresetRenderer as p}from"../hooks/usePresetRenderer.js";import{useSortableConfig as u}from"../hooks/useSortalbeConfig.js";import"lodash-es";import{layoutWidthEnum2Column as f}from"../utils/index.js";import d from"../../../../_virtual/plugin-vue_export-helper.js";const g=["data-type"];var y=d(e({__name:"FormConfigDragDisplay",props:{fieldItem:{type:Object},textFormatter:{type:Function,required:!0}},setup(e){function d(e){return{"--item-column":e?f(e.layoutWidthEnum):24}}const{getRenderer:y}=p(),{getCommonConfig:c}=u();return(p,u)=>(t(),r(o(n),m(o(c)(e.fieldItem),{style:d(e.fieldItem)}),{item:i((({element:m})=>[s("div",{class:"form-config__displayContentItem","data-type":m.type,style:a(d(m))},[(t(),r(l(o(y)(m)),{"field-item":m,textFormatter:e.textFormatter},null,8,["field-item","textFormatter"]))],12,g)])),_:1},16,["style"]))}}),[["__file","FormConfigDragDisplay.vue"]]);export{y as default};

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

@@ -19,7 +19,7 @@ declare const _default: import("vue").DefineComponent<{
     fieldList: import("vue").Ref<{
         [x: string]: any;
         val_key: string;
-        html_type: string;
+        html_type: "LINEBAR" | "DATE" | "SELECT" | ({} & string) | "COMBINATION" | "INPUT" | "LINE_BREAKS" | "INPUT_NUMBER" | "REMOTE_SEARCH" | "LEVEL_SEARCH_CASCADER" | "SEARCH_CASCADER" | "RADIO" | "CHECKBOX" | "SWITCH" | "SLIDER" | "COMPLEX" | "SEARCH" | "PHONE_TYPE" | "IDCARD_TYPE" | "SEARCH_MORE" | "DIGITAL" | "CHECKBOX_BLOCK" | "RADIO_BLOCK" | "DATE-INPUT" | "DATETIME-INPUT" | "SWITCH_COMPONENT" | "SLIDER_COMPONENT" | "LEVEL_SEARCH_CASCADE" | "SEARCH_CASCADE";
         annotation?: boolean | undefined;
         val_key_unit?: string | undefined;
         is_edit?: import("../../../../../es/components/form-render").FormCommonState | undefined;

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

@@ -1,97 +1 @@
-import { defineComponent, computed, ref, inject, watch, toRaw, openBlock, createElementBlock, Fragment, createBlock, unref, createVNode, nextTick } from 'vue';
-import { cloneDeep } from 'lodash-es';
-import { InjectionActiveFieldItem } from '../constants/index.js';
-import '../../../../shared/components/VueDraggable/src/vuedraggable.js';
-import '../utils/index.js';
-import _export_sfc from '../../../../_virtual/plugin-vue_export-helper.js';
-import '@vicons/ionicons5';
-import { NModal } from 'naive-ui';
-import '../../../../shared/utils/index.js';
-import { useConfigurationField } from '../hooks/useConfigurationField.js';
-import '../../../index.js';
-import FormRender from '../../../form-render/index.js';
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "FormConfigEdit",
-  props: { uuid: { type: String, required: true } },
-  setup(__props, { expose }) {
-    const props = __props;
-    const wrapperSelector = computed(() => `#${props.uuid} .form-config__config`);
-    const key = ref(0);
-    const formRenderRef = ref();
-    const currentActiveField = inject(InjectionActiveFieldItem);
-    const fieldList = ref([]);
-    const initialData = ref({});
-    const { generateFieldListByFieldItem } = useConfigurationField();
-    const showModal = ref(false);
-    async function onPositiveClick() {
-      var _a;
-      currentActiveField.value = prevOldField;
-      await nextTick();
-      (_a = formRenderRef.value) == null ? void 0 : _a.validate();
-    }
-    let prevOldField = null;
-    watch(
-      currentActiveField,
-      async (field, oldFiled) => {
-        var _a;
-        if (!field)
-          return;
-        if (oldFiled && field !== prevOldField) {
-          try {
-            await ((_a = formRenderRef.value) == null ? void 0 : _a.validate());
-          } catch (e) {
-            return showModal.value = true;
-          }
-        }
-        prevOldField = field;
-        initialData.value = { editable: true, ...cloneDeep(toRaw(field)) };
-        fieldList.value = generateFieldListByFieldItem(field).map((fieldItem) => {
-          return { ...fieldItem, componentProps: { to: wrapperSelector.value } };
-        });
-        key.value++;
-      },
-      { immediate: true }
-    );
-    function onFormChange({ fieldKey, value }) {
-      if (!currentActiveField.value)
-        return;
-      currentActiveField.value[fieldKey] = value;
-    }
-    expose({
-      validate() {
-        var _a;
-        return (_a = formRenderRef.value) == null ? void 0 : _a.validate();
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        (openBlock(), createBlock(unref(FormRender), {
-          key: key.value,
-          column: 12,
-          ref_key: "formRenderRef",
-          ref: formRenderRef,
-          size: "small",
-          onFormChange,
-          "field-list": fieldList.value,
-          "initial-data": initialData.value
-        }, null, 8, ["field-list", "initial-data"])),
-        createVNode(unref(NModal), {
-          show: showModal.value,
-          "onUpdate:show": _cache[0] || (_cache[0] = ($event) => showModal.value = $event),
-          preset: "dialog",
-          to: unref(wrapperSelector),
-          "close-on-esc": false,
-          "mask-closable": false,
-          closable: false,
-          title: "\u5B58\u5728\u586B\u5199\u9519\u8BEF\u7684\u5B57\u6BB5",
-          "positive-text": "\u7EE7\u7EED\u7F16\u8F91",
-          onPositiveClick
-        }, null, 8, ["show", "to"])
-      ], 64);
-    };
-  }
-});
-var FormConfigEdit = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "FormConfigEdit.vue"]]);
-
-export { FormConfigEdit as default };
+import{defineComponent as e,computed as i,ref as o,inject as l,watch as a,toRaw as t,openBlock as r,createElementBlock as n,Fragment as u,createBlock as s,unref as v,createVNode as d,nextTick as m}from"vue";import{cloneDeep as p}from"lodash-es";import{InjectionActiveFieldItem as f}from"../constants/index.js";import"../../../../shared/components/VueDraggable/src/vuedraggable.js";import"../utils/index.js";import c from"../../../../_virtual/plugin-vue_export-helper.js";import"@vicons/ionicons5";import{NModal as g}from"naive-ui";import"../../../../shared/utils/index.js";import{useConfigurationField as h}from"../hooks/useConfigurationField.js";import"../../../index.js";import x from"../../../form-render/index.js";var _=c(e({__name:"FormConfigEdit",props:{uuid:{type:String,required:!0}},setup(e,{expose:c}){const _=e,j=i((()=>`#${_.uuid} .form-config__config`)),y=o(0),F=o(),b=l(f),k=o([]),w=o({}),{generateFieldListByFieldItem:C}=h(),E=o(!1);async function P(){var e;b.value=R,await m(),null==(e=F.value)||e.validate()}let R=null;function q({fieldKey:e,value:i}){b.value&&(b.value[e]=i)}return a(b,(async(e,i)=>{var o;if(e){if(i&&e!==R)try{await(null==(o=F.value)?void 0:o.validate())}catch(e){return E.value=!0}R=e,w.value={editable:!0,...p(t(e))},k.value=C(e).map((e=>({...e,componentProps:{to:j.value}}))),y.value++}}),{immediate:!0}),c({validate(){var e;return null==(e=F.value)?void 0:e.validate()}}),(e,i)=>(r(),n(u,null,[(r(),s(v(x),{key:y.value,column:12,ref_key:"formRenderRef",ref:F,size:"small",onFormChange:q,"field-list":k.value,"initial-data":w.value},null,8,["field-list","initial-data"])),d(v(g),{show:E.value,"onUpdate:show":i[0]||(i[0]=e=>E.value=e),preset:"dialog",to:v(j),"close-on-esc":!1,"mask-closable":!1,closable:!1,title:"存在填写错误的字段","positive-text":"继续编辑",onPositiveClick:P},null,8,["show","to"])],64))}}),[["__file","FormConfigEdit.vue"]]);export{_ as default};

package/es/components/form-config/src/components/FormConfigMaterialItem.js

@@ -1,28 +1 @@
-import { defineComponent, createVNode } from 'vue';
-import { layoutWidthEnum2Column } from '../utils/index.js';
-import { NButton } from 'naive-ui';
-
-const FormConfigMaterialItem = defineComponent({
-  props: {
-    fieldItem: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(props) {
-    return () => createVNode(NButton, {
-      "secondary": true,
-      "style": {
-        "--item-column": layoutWidthEnum2Column(props.fieldItem.layoutWidthEnum)
-      },
-      "class": "form-config__materialContentItem",
-      "data-type": props.fieldItem.type
-    }, {
-      default() {
-        return props.fieldItem.name;
-      }
-    });
-  }
-});
-
-export { FormConfigMaterialItem as default };
+import{defineComponent as e,createVNode as t}from"vue";import{layoutWidthEnum2Column as m}from"../utils/index.js";import{NButton as i}from"naive-ui";const o=e({props:{fieldItem:{type:Object,required:!0}},setup:e=>()=>t(i,{secondary:!0,style:{"--item-column":m(e.fieldItem.layoutWidthEnum)},class:"form-config__materialContentItem","data-type":e.fieldItem.type},{default:()=>e.fieldItem.name})});export{o as default};

package/es/components/form-config/src/components/index.js

@@ -1,6 +1 @@
-export { default as FormConfigCreator } from './FormConfigCreator.vue.js';
-export { default as FormConfigEdit } from './FormConfigEdit.vue.js';
-export { default as FormConfigDragDisplay } from './FormConfigDragDisplay.vue.js';
-export { default as CloseButton } from './renderer/CloseButton.vue.js';
-export { default as ComplexNode } from './renderer/ComplexNode.vue.js';
-export { default as DefaultNode } from './renderer/DefaultNode.vue.js';
+export{default as FormConfigCreator}from"./FormConfigCreator.vue.js";export{default as FormConfigEdit}from"./FormConfigEdit.vue.js";export{default as FormConfigDragDisplay}from"./FormConfigDragDisplay.vue.js";export{default as CloseButton}from"./renderer/CloseButton.vue.js";export{default as ComplexNode}from"./renderer/ComplexNode.vue.js";export{default as DefaultNode}from"./renderer/DefaultNode.vue.js";

package/es/components/form-config/src/components/renderer/CloseButton.vue.js

@@ -1,45 +1 @@
-import { defineComponent, inject, openBlock, createBlock, unref, withModifiers, withCtx, createVNode } from 'vue';
-import { CloseCircle } from '@vicons/ionicons5';
-import { isArray } from 'lodash-es';
-import { NButton, NIcon } from 'naive-ui';
-import { InjectionFieldList, InjectionMaterialList } from '../../constants/index.js';
-import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "CloseButton",
-  props: {
-    fieldItem: { type: Object, required: true }
-  },
-  setup(__props) {
-    const props = __props;
-    const fieldList = inject(InjectionFieldList);
-    const materialList = inject(InjectionMaterialList);
-    const remove = () => {
-      traverse(fieldList.value);
-      function traverse(_fieldItem) {
-        return isArray(_fieldItem) && _fieldItem.some((_fieldItem2, idx, arr) => {
-          if (_fieldItem2 !== props.fieldItem)
-            return traverse(_fieldItem2.children);
-          !_fieldItem2.__new && materialList.value.push(_fieldItem2);
-          return arr.splice(idx, 1);
-        });
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NButton), {
-        text: "",
-        class: "form-config__renderer--closeButton",
-        "text-color": "#a5a5a5",
-        onClick: withModifiers(remove, ["stop"])
-      }, {
-        icon: withCtx(() => [
-          createVNode(unref(NIcon), { component: unref(CloseCircle) }, null, 8, ["component"])
-        ]),
-        _: 1
-      }, 8, ["onClick"]);
-    };
-  }
-});
-var CloseButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "CloseButton.vue"]]);
-
-export { CloseButton as default };
+import{defineComponent as o,inject as e,openBlock as t,createBlock as r,unref as n,withModifiers as i,withCtx as l,createVNode as s}from"vue";import{CloseCircle as m}from"@vicons/ionicons5";import{isArray as p}from"lodash-es";import{NButton as u,NIcon as c}from"naive-ui";import{InjectionFieldList as a,InjectionMaterialList as f}from"../../constants/index.js";import _ from"../../../../../_virtual/plugin-vue_export-helper.js";var v=_(o({__name:"CloseButton",props:{fieldItem:{type:Object,required:!0}},setup(o){const _=o,v=e(a),d=e(f),x=()=>{!function o(e){return p(e)&&e.some(((e,t,r)=>e!==_.fieldItem?o(e.children):(!e.__new&&d.value.push(e),r.splice(t,1))))}(v.value)};return(o,e)=>(t(),r(n(u),{text:"",class:"form-config__renderer--closeButton","text-color":"#a5a5a5",onClick:i(x,["stop"])},{icon:l((()=>[s(n(c),{component:n(m)},null,8,["component"])])),_:1},8,["onClick"]))}}),[["__file","CloseButton.vue"]]);export{v as default};

package/es/components/form-config/src/components/renderer/ComplexNode.vue.js

@@ -1,45 +1 @@
-import { defineComponent, inject, computed, openBlock, createElementBlock, createElementVNode, mergeProps, unref, withModifiers, createTextVNode, toDisplayString, createVNode } from 'vue';
-import FormConfigDragDisplay from '../FormConfigDragDisplay.vue.js';
-import CloseButton from './CloseButton.vue.js';
-import { InjectionActiveFieldItem } from '../../constants/index.js';
-import { bindHover } from '../../utils/index.js';
-import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
-
-const _hoisted_1 = { class: "form-config__renderer--complex form-config__renderer" };
-const _hoisted_2 = ["onClick"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ComplexNode",
-  props: {
-    fieldItem: { type: Object, required: true },
-    textFormatter: { type: Function, required: true }
-  },
-  setup(__props) {
-    const props = __props;
-    const currentActiveEditField = inject(InjectionActiveFieldItem);
-    function active() {
-      currentActiveEditField.value = props.fieldItem;
-    }
-    const headerClassList = computed(() => {
-      return [{ "is-active": currentActiveEditField.value === props.fieldItem }, "form-config__renderer--complexHeader"];
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("section", _hoisted_1, [
-        createElementVNode("header", mergeProps(unref(bindHover)(__props.fieldItem), {
-          class: unref(headerClassList),
-          onClick: withModifiers(active, ["stop"])
-        }), [
-          createTextVNode(toDisplayString(props.fieldItem.name) + " ", 1),
-          createVNode(CloseButton, { "field-item": __props.fieldItem }, null, 8, ["field-item"])
-        ], 16, _hoisted_2),
-        createVNode(FormConfigDragDisplay, mergeProps(_ctx.$props, {
-          modelValue: __props.fieldItem.children,
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.fieldItem.children = $event),
-          class: "form-config__renderer--complex--grid"
-        }), null, 16, ["modelValue"])
-      ]);
-    };
-  }
-});
-var ComplexNode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "ComplexNode.vue"]]);
-
-export { ComplexNode as default };
+import{defineComponent as e,inject as o,computed as r,openBlock as t,createElementBlock as i,createElementVNode as l,mergeProps as m,unref as n,withModifiers as d,createTextVNode as f,toDisplayString as s,createVNode as p}from"vue";import c from"../FormConfigDragDisplay.vue.js";import u from"./CloseButton.vue.js";import{InjectionActiveFieldItem as a}from"../../constants/index.js";import{bindHover as _}from"../../utils/index.js";import v from"../../../../../_virtual/plugin-vue_export-helper.js";const x={class:"form-config__renderer--complex form-config__renderer"},g=["onClick"];var I=v(e({__name:"ComplexNode",props:{fieldItem:{type:Object,required:!0},textFormatter:{type:Function,required:!0}},setup(e){const v=e,I=o(a);function j(){I.value=v.fieldItem}const C=r((()=>[{"is-active":I.value===v.fieldItem},"form-config__renderer--complexHeader"]));return(o,r)=>(t(),i("section",x,[l("header",m(n(_)(e.fieldItem),{class:n(C),onClick:d(j,["stop"])}),[f(s(v.fieldItem.name)+" ",1),p(u,{"field-item":e.fieldItem},null,8,["field-item"])],16,g),p(c,m(o.$props,{modelValue:e.fieldItem.children,"onUpdate:modelValue":r[0]||(r[0]=o=>e.fieldItem.children=o),class:"form-config__renderer--complex--grid"}),null,16,["modelValue"])]))}}),[["__file","ComplexNode.vue"]]);export{I as default};

package/es/components/form-config/src/components/renderer/DefaultNode.vue.js

@@ -1,60 +1 @@
-import { defineComponent, inject, computed, openBlock, createBlock, unref, mergeProps, withModifiers, withCtx, createVNode, normalizeClass, createTextVNode, toDisplayString } from 'vue';
-import { NButton, NEllipsis } from 'naive-ui';
-import CloseButton from './CloseButton.vue.js';
-import { InjectionActiveFieldItem, WidgetTextMap } from '../../constants/index.js';
-import { bindHover } from '../../utils/index.js';
-import _export_sfc from '../../../../../_virtual/plugin-vue_export-helper.js';
-
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "DefaultNode",
-  props: {
-    fieldItem: { type: Object, required: true },
-    textFormatter: { type: Function, required: true }
-  },
-  setup(__props) {
-    const props = __props;
-    const currentActiveEditField = inject(InjectionActiveFieldItem);
-    function setActiveField() {
-      currentActiveEditField.value = props.fieldItem;
-    }
-    const classList = computed(() => {
-      return [{ "is-active": currentActiveEditField.value === props.fieldItem }, "form-config__renderer"];
-    });
-    const ellipsisClassList = computed(() => {
-      return ["form-config__renderer--default", { "is-required": props.fieldItem.required }];
-    });
-    const disabled = computed(() => {
-      return props.fieldItem.editable === false;
-    });
-    function getDisplayText() {
-      const type = WidgetTextMap.get(props.fieldItem.type);
-      return props.textFormatter(props.fieldItem, `${props.fieldItem.name}${type ? `(${type})` : ""}`);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(NButton), mergeProps({
-        secondary: !unref(disabled),
-        dashed: unref(disabled)
-      }, unref(bindHover)(__props.fieldItem), {
-        onClick: withModifiers(setActiveField, ["stop"]),
-        class: unref(classList),
-        "data-type": __props.fieldItem.type
-      }), {
-        default: withCtx(() => [
-          createVNode(unref(NEllipsis), {
-            class: normalizeClass(unref(ellipsisClassList))
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(getDisplayText()), 1)
-            ]),
-            _: 1
-          }, 8, ["class"]),
-          createVNode(CloseButton, { "field-item": __props.fieldItem }, null, 8, ["field-item"])
-        ]),
-        _: 1
-      }, 16, ["secondary", "dashed", "onClick", "class", "data-type"]);
-    };
-  }
-});
-var DefaultNode = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "DefaultNode.vue"]]);
-
-export { DefaultNode as default };
+import{defineComponent as e,inject as t,computed as i,openBlock as r,createBlock as o,unref as d,mergeProps as l,withModifiers as f,withCtx as a,createVNode as m,normalizeClass as n,createTextVNode as s,toDisplayString as u}from"vue";import{NButton as p,NEllipsis as c}from"naive-ui";import _ from"./CloseButton.vue.js";import{InjectionActiveFieldItem as I,WidgetTextMap as v}from"../../constants/index.js";import{bindHover as y}from"../../utils/index.js";import x from"../../../../../_virtual/plugin-vue_export-helper.js";var j=x(e({__name:"DefaultNode",props:{fieldItem:{type:Object,required:!0},textFormatter:{type:Function,required:!0}},setup(e){const x=e,j=t(I);function g(){j.value=x.fieldItem}const q=i((()=>[{"is-active":j.value===x.fieldItem},"form-config__renderer"])),h=i((()=>["form-config__renderer--default",{"is-required":x.fieldItem.required}])),C=i((()=>!1===x.fieldItem.editable));function F(){const e=v.get(x.fieldItem.type);return x.textFormatter(x.fieldItem,`${x.fieldItem.name}${e?`(${e})`:""}`)}return(t,i)=>(r(),o(d(p),l({secondary:!d(C),dashed:d(C)},d(y)(e.fieldItem),{onClick:f(g,["stop"]),class:d(q),"data-type":e.fieldItem.type}),{default:a((()=>[m(d(c),{class:n(d(h))},{default:a((()=>[s(u(F()),1)])),_:1},8,["class"]),m(_,{"field-item":e.fieldItem},null,8,["field-item"])])),_:1},16,["secondary","dashed","onClick","class","data-type"]))}}),[["__file","DefaultNode.vue"]]);export{j as default};

package/es/components/form-config/src/components/renderer/index.js

@@ -1,3 +1 @@
-export { default as CloseButton } from './CloseButton.vue.js';
-export { default as ComplexNode } from './ComplexNode.vue.js';
-export { default as DefaultNode } from './DefaultNode.vue.js';
+export{default as CloseButton}from"./CloseButton.vue.js";export{default as ComplexNode}from"./ComplexNode.vue.js";export{default as DefaultNode}from"./DefaultNode.vue.js";