cnhis-design-vue 3.1.57-beta.1 → 3.1.57-beta.3

package/es/components/form-config/src/hooks/useSortalbeConfig.js

@@ -1 +1 @@
-import{findAncestor as o}from"../../../../shared/utils/index.js";import{FORM_CONFIG_GROUP as t}from"../constants/index.js";function e(){let e,s=null;function i({target:o,item:t}){s=setTimeout((()=>{o.classList.add("is-choosing-area"),t.classList.add("is-choosing")}),200)}function a({from:o,to:t,target:e,item:i}){clearTimeout(s),[o,t,e].forEach((o=>{o.classList.remove("is-choosing-area")})),i.classList.remove("is-choosing")}function n({to:t,from:s,dragged:i}){return("LINE_BAR"!==i.dataset.type||!o(t,(o=>"LINE_BAR"===o.dataset.type)))&&(("true"!==i.dataset.required||"true"===i.dataset.extra||!o(t,(o=>o.classList.contains("form-config__materialContent"))))&&(null==e||e.classList.remove("is-choosing-area"),e=t,t!==s&&s.classList.remove("is-choosing-area"),void t.classList.add("is-choosing-area")))}return{getCommonConfig:o=>({move:n,onChoose:i,onUnchoose:a,tag:"section",forceFallback:!1,animation:"150","item-key":"key",group:"COMBINATION"===(null==o?void 0:o.type)?o.key:t})}}export{e as useSortableConfig};
+import{findAncestor as e,traverse as o}from"../../../../shared/utils/index.js";import{isFunction as t}from"lodash-es";import{unref as s}from"vue";import{FORM_CONFIG_GROUP as i}from"../constants/index.js";function a({group:a,hooks:r={},fieldList:n,materialList:c}={}){let l,m=null;return{move:function({to:i,from:a,dragged:m}){const{type:f,required:d,extra:u,key:g}=m.dataset||{};if("LINE_BAR"===f&&e(i,(e=>"LINE_BAR"===e.dataset.type)))return!1;const y=e(i,(e=>e.classList.contains("form-config__materialContent"))),h=e(a,(e=>e.classList.contains("form-config__materialContent")));if("true"===d&&"true"!==u&&y)return!1;if(t(r.beforeMove)){const e=[...s(n||[]),...s(c||[])];let t,l,m;o(e,((e,o)=>{t||e.key!==g||(t=e),l||e.key!==a.dataset.key||(l=e),m||e.key!==i.dataset.key||(m=e),t&&l&&m&&o()}));if(!1===r.beforeMove({fromType:h?"material":"layout",toType:y?"material":"layout",dragField:t,fromField:l,toField:m,from:a,to:i}))return!1}null==l||l.classList.remove("is-choosing-area"),l=i,i!==a&&a.classList.remove("is-choosing-area"),i.classList.add("is-choosing-area")},onChoose:function({target:e,item:o}){m=setTimeout((()=>{e.classList.add("is-choosing-area"),o.classList.add("is-choosing")}),200)},onUnchoose:function({from:e,to:o,target:t,item:s}){clearTimeout(m),[e,o,t].forEach((e=>{e.classList.remove("is-choosing-area")})),s.classList.remove("is-choosing")},tag:"section",forceFallback:!1,animation:"150","item-key":"key",group:a||i}}export{a as useSortableConfig};

package/es/components/form-config/src/types/index.d.ts

@@ -9,6 +9,18 @@ export declare type FormConfigRenderer = {
     renderer: Component | FunctionalComponent;
 };
 export declare type FormConfigType = 'NEWLINE' | 'LINE_BAR' | 'OTHER' | string;
+export declare type FormConfigBeforeMovePayload = {
+    fromType: 'material' | 'layout';
+    toType: 'material' | 'layout';
+    dragField?: FormConfigItem;
+    fromField?: FormConfigItem;
+    toField?: FormConfigItem;
+    from: HTMLElement;
+    to: HTMLElement;
+};
+export declare type FormConfigHooks = {
+    beforeMove?: (payload: FormConfigBeforeMovePayload) => void | boolean;
+};
 export declare type FormConfigWidth = 'ALL_LINE' | 'HALF_LINE' | 'FIVE_SIX' | 'TWO_THREE' | 'ONE_THREE' | 'THREE_FOUR' | 'ONE_FOUR' | 'ONE_SIX' | 'ONE_EIGHT';
 export declare type FormConfigItem = {
     key: string;