@das-fed/ui 1.1.4 → 6.3.0-beta.0

package/packages/business-components/process-form/index.js

@@ -0,0 +1,524 @@
+import { withInstall } from '@das-fed/utils';
+import { ref, defineComponent, onMounted, openBlock, createElementBlock, Fragment, renderList, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, withDirectives, resolveDynamicComponent } from 'vue';
+import { DasFormRef, DasForm, DasButton, vOverlay } from '@das-fed/ui';
+import { createService } from '@das-fed/utils/api-services';
+
+const version = "v1";
+const workFlowFormService = createService(`/workflow/form/form/${version}`);
+const workFlowFormDefService = createService(`/workflow/form/formDef/${version}`);
+createService(`/workflow/api/user/${version}`);
+const extendService = createService(`/workflow/api/extend/${version}`);
+const flowService = createService(`/workflow/flow/def/${version}`);
+const customQueryService = createService(`/workflow/form/customQuery/${version}`);
+const permissionService = createService(`/api/enterpriseright/permission/${version}`);
+const spaceService = createService(`/api/space-manage/space-tree/${version}`);
+
+const getFormDesign = workFlowFormService.get(`/formDesign`);
+const getFormStructure = workFlowFormDefService.get(`/get`);
+const getBtnSetting = extendService.get(`/report-config`);
+extendService.get(`/application-report`);
+const getFormIdApi = flowService.get(`/getBindRelationByDefKey`);
+customQueryService.get(`/getByAlias`);
+permissionService.get(`/organization/authTree`);
+permissionService.post(`/user/list`);
+permissionService.post(`/data/user-query`);
+permissionService.get(`/role/list`);
+permissionService.post(`/data/role-ids`);
+permissionService.get(`/organization/organizationpage`);
+permissionService.get(`/station/list`);
+permissionService.get(`/position/list`);
+permissionService.post(`/organization/detailbyids`);
+spaceService.get(`/controller/area-children`);
+spaceService.get(`/controller/fuzzy-tree-all`);
+spaceService.get(`/controller/space`);
+
+const boKey = ref("");
+const useForm = (props, emits, store) => {
+  const { setDetailData, getFormData, setFormData, formRule } = store;
+  const btnList = ref([]);
+  const btnCollecton = ref([]);
+  const formJsonList = ref([]);
+  const isShowPage = ref(false);
+  const formRef = DasFormRef();
+  const isEmpty = (obj) => {
+    return Object.keys(obj).length === 0;
+  };
+  const getForm = async (id) => {
+    const [err, data] = await getFormDesign({ formId: id }).run();
+    if (err) return;
+    const bos = JSON.parse(data.bos);
+    boKey.value = bos[0].alias;
+    if (btnCollecton.value.length) {
+      btnCollecton.value.forEach((item) => {
+        if (item.formKey === data.formKey) setFormData(data.formKey, boKey.value, item.id);
+      });
+    }
+    const [error, structureData] = await getFormStructure({ formDefId: data.defId }).run();
+    formJsonList.value = JSON.parse(structureData.value.expand).list;
+    if (!btnCollecton.value.length) setFormData(data.formKey, boKey.value);
+    if (isEmpty(props.data)) isShowPage.value = true;
+    if (!isEmpty(props.data)) {
+      setDetailData(props.data);
+      if (props.flowKey) {
+        btnList.value = props.data.button_list ? JSON.parse(props.data.button_list) : [];
+      }
+      isShowPage.value = true;
+    }
+  };
+  const getBtnSet = async () => {
+    if (props.formConfigurationId) {
+      const [err, data] = await getBtnSetting({ id: props.formConfigurationId }).run();
+      if (err) return;
+      btnCollecton.value = data.reports;
+      btnList.value = data.reports[0].buttons.filter((item) => {
+        return !(props.isView && item.event !== "LINK");
+      });
+      getForm(data.reports[0].formId);
+    }
+    if (props.flowKey) {
+      const [err, data] = await getFormIdApi({ flowKey: props.flowKey }).run();
+      if (err) return;
+      getForm(data.pcForm.pcFormId);
+    }
+  };
+  const handleClick = (item) => {
+    formRef.value?.validate(async (valid) => {
+      if (valid) {
+        emits("handleClick", item, getFormData());
+        if (item.event === "LINK") {
+          btnCollecton.value.forEach((ele) => {
+            if (item.eventTarget === ele.formKey) {
+              btnList.value = ele.buttons.filter((item2) => {
+                return !(props.isView && item2.event !== "LINK");
+              });
+              isShowPage.value = false;
+              formRule.value = {};
+              getForm(ele.formId);
+            }
+          });
+        }
+      }
+    });
+  };
+  const validateFormData = () => {
+    return new Promise((resolve, reject) => {
+      formRef.value?.validate((valid) => {
+        const formData = getFormData();
+        resolve({
+          result: valid,
+          data: formData
+        });
+      });
+    });
+  };
+  return {
+    isShowPage,
+    formJsonList,
+    btnList,
+    formRef,
+    getForm,
+    getBtnSet,
+    handleClick,
+    validateFormData
+  };
+};
+
+const componentList = import.meta.glob("./**/*.vue", { eager: true });
+const baseList = import.meta.glob("./base/*.vue", { eager: true });
+const seniorList = import.meta.glob("./senior/*.vue", { eager: true });
+const layoutList = import.meta.glob("./layout/*.vue", { eager: true });
+const widgets = {};
+const baseWidgets = {};
+const seniorWidgets = {};
+const layoutWidgets = {};
+Object.keys(baseList).map((item) => baseWidgets[baseList[item].default.name] = baseList[item].default);
+Object.keys(seniorList).map((item) => seniorWidgets[seniorList[item].default.name] = seniorList[item].default);
+Object.keys(layoutList).map((item) => layoutWidgets[layoutList[item].default.name] = layoutList[item].default);
+Object.keys(componentList).map((item) => widgets[componentList[item].default.name] = componentList[item].default);
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+var dayjs_min = {exports: {}};
+
+(function (module, exports) {
+	!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p="$isDayjsObject",S=function(t){return t instanceof _||!(!t||!t[p])},w=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},O=function(t,e){if(S(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[p]=!0;}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return b},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<O(t)},m.$g=function(t,e,n){return b.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!b.u(e)||e,f=b.p(t),l=function(t,e){var i=b.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return b.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=b.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[b.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=b.p(f),y=function(t){var e=O(l);return b.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return b.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=b.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return b.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return b.s(e.$y,4,"0");case"M":return a+1;case"MM":return b.s(a+1,2,"0");case"MMM":return h(n.monthsShort,a,c,3);case"MMMM":return h(c,a);case"D":return e.$D;case"DD":return b.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return h(n.weekdaysMin,e.$W,o,2);case"ddd":return h(n.weekdaysShort,e.$W,o,3);case"dddd":return o[e.$W];case"H":return String(s);case"HH":return b.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return $(s,u,!0);case"A":return $(s,u,!1);case"m":return String(u);case"mm":return b.s(u,2,"0");case"s":return String(e.$s);case"ss":return b.s(e.$s,2,"0");case"SSS":return b.s(e.$ms,3,"0");case"Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=b.p(d),m=O(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return b.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g;}return l?$:b.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=w(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return b.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),k=_.prototype;return O.prototype=k,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){k[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),O.extend=function(t,e){return t.$i||(t(e,_,O),t.$i=!0),O},O.locale=w,O.isDayjs=S,O.unix=function(t){return O(1e3*t)},O.en=D[g],O.Ls=D,O.p={},O})); 
+} (dayjs_min));
+
+const TEST_TEXT = "---------\u6D4B\u8BD5\u9A8C\u8BC1\u89C4\u5219\u4F20\u53C2-----------";
+const validateRequired = (rule, value, callback, data) => {
+  if ((!value || value.toString() === "") && parseInt(value) !== 0) {
+    callback(new Error(`${data.name}`));
+  } else {
+    callback();
+  }
+};
+const validateMaxLength = (rule, value, callback, data) => {
+  if (value !== "" && value.length > parseInt(data.value)) {
+    callback(new Error(`${data.name}\u4E0D\u80FD\u8D85\u8FC7${data.value}`));
+  } else {
+    callback();
+  }
+};
+const validateMinLength = (rule, value, callback, data) => {
+  if (value !== "" && value.length < parseInt(data.value)) {
+    callback(new Error(`${data.name}\u4E0D\u80FD\u5C11\u4E8E${data.value}`));
+  } else {
+    callback();
+  }
+};
+const validateMlobiePhone = (rule, value, callback, data) => {
+  if (value !== "" && !/^1[3456789]\d{9}$/.test(value)) {
+    callback(new Error("\u624B\u673A\u53F7\u7801\u683C\u5F0F\u4E0D\u6B63\u786E\uFF0C\u8BF7\u91CD\u65B0\u8F93\u5165"));
+    return false;
+  } else {
+    callback();
+  }
+};
+const validateEmail = (rule, value, callback) => {
+  const regEmail = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
+  if (value !== "" && !regEmail.test(value)) {
+    callback(new Error("\u7535\u5B50\u90AE\u7BB1\u683C\u5F0F\u4E0D\u6B63\u786E\uFF0C\u8BF7\u91CD\u65B0\u8F93\u5165"));
+    return false;
+  } else {
+    callback();
+  }
+};
+const validateNumeric = (rule, value, callback) => {
+  const regNumeric = /^-?\d+$/;
+  if (value !== "" && !regNumeric.test(value)) {
+    callback(new Error("\u8BF7\u8F93\u5165\u6574\u6570"));
+    return false;
+  } else {
+    callback();
+  }
+};
+const validateConfirmed = (rule, value, callback, data) => {
+  console.log(TEST_TEXT);
+  console.log(data.value);
+  console.log(value);
+  if (value !== "" && value != data.value) {
+    callback(new Error("\u8BF7\u8F93\u5165\u76F8\u540C\u7684\u503C"));
+    return false;
+  } else {
+    callback();
+  }
+};
+const validateMinNumLength = (rule, value, callback, data) => {
+  const regNumeric = /^[+-]?\d*\.?\d*$/;
+  if (value === "") {
+    callback();
+  } else {
+    if (regNumeric.test(value)) {
+      if (value < parseFloat(data.value)) {
+        callback(new Error(`${data.name}\u4E0D\u80FD\u5C0F\u4E8E${data.value}`));
+      } else {
+        callback();
+      }
+    } else {
+      callback(new Error("\u8BF7\u8F93\u5165\u6570\u5B57"));
+    }
+  }
+};
+const validateMaxNumLength = (rule, value, callback, data) => {
+  const regNumeric = /^[+-]?\d*\.?\d*$/;
+  if (value === "") {
+    callback();
+  } else {
+    if (regNumeric.test(value)) {
+      if (value > parseFloat(data.value)) {
+        callback(new Error(`${data.name}\u4E0D\u80FD\u5927\u4E8E${data.value}`));
+      } else {
+        callback();
+      }
+    } else {
+      callback(new Error("\u8BF7\u8F93\u5165\u6570\u5B57"));
+    }
+  }
+};
+const validateBetweenNum = (rule, value, callback, data) => {
+  const regFloat = /^[+-]?(\d*\.\d+([eE]?[+-]?\d+)?|\d+[eE][+-]?\d+)$/;
+  const regNum = /^-?\d+$/;
+  if (value === "") {
+    callback();
+  } else {
+    if (regFloat.test(value) || regNum.test(value)) {
+      if (value >= parseFloat(data.start) && value <= parseFloat(data.end)) {
+        callback();
+      } else {
+        callback(new Error(`\u53EA\u80FD\u8F93\u5165\u6307\u5B9A\u6570\u5B57\u8303\u56F4${data.start}-${data.end}`));
+      }
+    } else {
+      callback(new Error("\u8BF7\u8F93\u5165\u6570\u5B57"));
+    }
+  }
+};
+const validateIsNum = (rule, value, callback, data) => {
+  if (value === "" || parseFloat(value) === parseFloat(data.value)) {
+    callback();
+  } else {
+    callback(new Error(`\u53EA\u80FD\u8F93\u5165\u6307\u5B9A\u7684\u503C${data.value}`));
+  }
+};
+const validateDigits = (rule, value, callback, data) => {
+  const regNum = /^-?\d+$/;
+  if (value === "") {
+    callback();
+  } else {
+    if (regNum.test(value)) {
+      if (Math.abs(value).toString().length === parseInt(data.value)) {
+        callback();
+      } else {
+        callback(new Error(`\u53EA\u80FD\u8F93\u5165${data.value}\u4F4D\u6570\u6570\u5B57`));
+      }
+    } else {
+      callback(new Error("\u8BF7\u8F93\u5165\u6574\u6570"));
+    }
+  }
+};
+const validateAlpha = (rule, value, callback) => {
+  const regAlpha = /^[a-zA-Z]{1,}$/;
+  if (value !== "" && !regAlpha.test(value)) {
+    callback(new Error("\u53EA\u80FD\u8F93\u5165\u5B57\u6BCD"));
+    return false;
+  } else {
+    callback();
+  }
+};
+const validateAlphaSpaces = (rule, value, callback) => {
+  const regAlpha = /^[a-zA-Z ]{1,}$/;
+  if (value !== "" && !regAlpha.test(value)) {
+    callback(new Error("\u53EA\u80FD\u8F93\u5165\u5B57\u6BCD\u7A7A\u683C"));
+    return false;
+  } else {
+    callback();
+  }
+};
+const validateAlphaDash = (rule, value, callback) => {
+  const regAlpha = /^[0-9a-zA-Z_-]{1,}$/;
+  if (value !== "" && !regAlpha.test(value)) {
+    callback(new Error("\u53EA\u80FD\u8F93\u5165\u5B57\u6BCD\u6570\u5B57\u6A2A\u7EBF\u4E0B\u5212\u7EBF"));
+    return false;
+  } else {
+    callback();
+  }
+};
+const validateAlphaNum = (rule, value, callback) => {
+  const regAlpha = /^[0-9a-zA-Z]{1,}$/;
+  if (value !== "" && !regAlpha.test(value)) {
+    callback(new Error("\u53EA\u80FD\u8F93\u5165\u5B57\u6BCD\u6570\u5B57"));
+    return false;
+  } else {
+    callback();
+  }
+};
+const validateRegex = (rule, value, callback, data) => {
+  const reg = new RegExp(data.value);
+  if (value !== "" && !reg.test(value)) {
+    callback(new Error("\u6821\u9A8C\u5931\u8D25"));
+    return false;
+  } else {
+    callback();
+  }
+};
+const ruleMap = {
+  required: validateRequired,
+  min: validateMinLength,
+  max: validateMaxLength,
+  email: validateEmail,
+  min_value: validateMinNumLength,
+  max_value: validateMaxNumLength,
+  confirmed: validateConfirmed,
+  numeric: validateNumeric,
+  between: validateBetweenNum,
+  is: validateIsNum,
+  digits: validateDigits,
+  mobile: validateMlobiePhone,
+  alpha: validateAlpha,
+  alpha_spaces: validateAlphaSpaces,
+  alpha_dash: validateAlphaDash,
+  alpha_num: validateAlphaNum,
+  regex: validateRegex
+};
+
+const useStore = () => {
+  const data = ref({});
+  const formData = ref([]);
+  const keyList = ref([]);
+  const currentFormKey = ref("");
+  const formRule = ref({});
+  const setData = (key, val) => {
+    formData.value.forEach((item) => {
+      if (item.formKey === currentFormKey.value) {
+        item.data[key] = val;
+      }
+    });
+  };
+  const setDetailData = (val) => {
+    data.value = val;
+    formData.value.forEach((item) => {
+      if (item.formKey === currentFormKey.value) {
+        item.data = val;
+      }
+    });
+  };
+  const getData = (key) => {
+    return data.value[key];
+  };
+  const setFormData = (formKey, boKey, reportId) => {
+    currentFormKey.value = formKey;
+    if (!keyList.value.includes(formKey)) {
+      keyList.value.push(formKey);
+      formData.value.push({
+        formKey,
+        boKey,
+        reportId: reportId || null,
+        data: {}
+      });
+    } else {
+      formData.value.forEach((item) => {
+        if (item.formKey === formKey) data.value = item.data;
+      });
+    }
+  };
+  const getFormData = () => {
+    return formData.value;
+  };
+  const setFormRule = (key, ruleArr) => {
+    formRule.value[key] = [];
+    ruleArr.forEach((item) => {
+      formRule.value[key].push({
+        validator: (rule, value, callback) => ruleMap[item.key](rule, value, callback, item)
+      });
+    });
+  };
+  const clearData = () => {
+    data.value = {};
+    formData.value = [];
+    keyList.value = [];
+    formRule.value = {};
+  };
+  return { data, formData, formRule, setData, setDetailData, getData, setFormData, getFormData, setFormRule, clearData };
+};
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "App",
+  props: {
+    formConfigurationId: { type: String, required: false },
+    flowKey: { type: String, required: false },
+    isView: { type: Boolean, required: false, default: false },
+    data: { type: null, required: false }
+  },
+  emits: ["handleClick"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const formStore = useStore();
+    const { clearData } = formStore;
+    const props = __props;
+    const emits = __emit;
+    const { formJsonList, isShowPage, btnList, formRef, getForm, getBtnSet, handleClick, validateFormData } = useForm(
+      props,
+      emits,
+      formStore
+    );
+    onMounted(async () => {
+      getBtnSet();
+    });
+    __expose({
+      validateFormData,
+      clearData
+    });
+    const __returned__ = { formStore, clearData, props, emits, formJsonList, isShowPage, btnList, formRef, getForm, getBtnSet, handleClick, validateFormData, get DasForm() {
+      return DasForm;
+    }, get DasButton() {
+      return DasButton;
+    }, get vOverlay() {
+      return vOverlay;
+    }, get widgets() {
+      return widgets;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _hoisted_1 = { class: "custom-page" };
+const _hoisted_2 = {
+  key: 0,
+  class: "btn-box"
+};
+const _hoisted_3 = { class: "content-box" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    $setup.btnList.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_2, [
+      (openBlock(true), createElementBlock(
+        Fragment,
+        null,
+        renderList($setup.btnList, (item) => {
+          return openBlock(), createBlock($setup["DasButton"], {
+            key: item.id,
+            style: { "margin-right": "20px" },
+            "btn-type": "primary",
+            onClick: ($event) => $setup.handleClick(item)
+          }, {
+            default: withCtx(() => [
+              createTextVNode(
+                toDisplayString(item.name),
+                1
+                /* TEXT */
+              )
+            ]),
+            _: 2
+            /* DYNAMIC */
+          }, 1032, ["onClick"]);
+        }),
+        128
+        /* KEYED_FRAGMENT */
+      ))
+    ])) : createCommentVNode("v-if", true),
+    withDirectives((openBlock(), createElementBlock("div", _hoisted_3, [
+      $setup.isShowPage ? (openBlock(), createBlock($setup["DasForm"], {
+        key: 0,
+        ref: "formRef",
+        cols: 24,
+        "margin-right": "80px",
+        rules: $setup.formStore.formRule,
+        form: $setup.formStore.data,
+        class: "form-preview-page",
+        alignType: "horizontal"
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(
+            Fragment,
+            null,
+            renderList($setup.formJsonList, (item) => {
+              return openBlock(), createBlock(resolveDynamicComponent($setup.widgets[item.ctrlType]), {
+                key: item.name,
+                setting: item,
+                isView: $setup.props.isView,
+                store: $setup.formStore
+              }, null, 8, ["setting", "isView", "store"]);
+            }),
+            128
+            /* KEYED_FRAGMENT */
+          ))
+        ]),
+        _: 1
+        /* STABLE */
+      }, 8, ["rules", "form"])) : createCommentVNode("v-if", true)
+    ])), [
+      [$setup["vOverlay"]]
+    ])
+  ]);
+}
+var dasProcessForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-668036fc"], ["__file", "/Users/xiecp/das/das-fe/framework/packages/das-ui/packages/business-components/process-form/App.vue"]]);
+
+const DasProcessForm = withInstall(dasProcessForm);
+
+export { DasProcessForm, DasProcessForm as default };