bm-admin-ui 1.0.35-alpha → 1.0.37-alpha

package/lib/components/form-create/index.js

@@ -540,7 +540,7 @@ var instruction = {
     },
 };
 
-/******************************************************************************
+/*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -777,15 +777,11 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     function handleAdd() {
       visible.value = true;
     }
-    vue.watch(
-      () => props.defaultSelected,
-      (val) => {
-        selected.value = val;
-      },
-      {
-        immediate: true
-      }
-    );
+    vue.watch(() => props.defaultSelected, (val) => {
+      selected.value = val;
+    }, {
+      immediate: true
+    });
     vue.watch(selected, (val) => {
       selectedChange(val);
     });
@@ -934,9 +930,7 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
         class: "bm-fc-rect-outer",
-        style: vue.normalizeStyle(
-          vue.unref(layerBackGround) ? { backgroundImage: `url('${vue.unref(layerBackGround)}')` } : {}
-        )
+        style: vue.normalizeStyle(vue.unref(layerBackGround) ? { backgroundImage: `url('${vue.unref(layerBackGround)}')` } : {})
       }, [
         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(layers), (layer) => {
           return vue.openBlock(), vue.createElementBlock("div", {
@@ -951,18 +945,16 @@ const _sfc_main$9 = /* @__PURE__ */ vue.defineComponent({
 });
 var TempContent = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__file", "temp-content.vue"]]);
 
-const _hoisted_1$5 = /* @__PURE__ */ vue.createTextVNode("\u91CD\u7F6E");
-const _hoisted_2$5 = /* @__PURE__ */ vue.createTextVNode(" \u67E5\u8BE2 ");
-const _hoisted_3$5 = { class: "bm-fc-select-material-temp__content__item-info" };
-const _hoisted_4$4 = { class: "bm-fc-select-material-temp__content__item-info__cover" };
-const _hoisted_5$3 = ["src"];
-const _hoisted_6$3 = ["onClick"];
-const _hoisted_7$3 = {
+const _hoisted_1$5 = { class: "bm-fc-select-material-temp__content__item-info" };
+const _hoisted_2$5 = { class: "bm-fc-select-material-temp__content__item-info__cover" };
+const _hoisted_3$4 = ["src"];
+const _hoisted_4$4 = ["onClick"];
+const _hoisted_5$3 = {
   key: 1,
   class: "bm-fc-select-material-temp__content__circle"
 };
-const _hoisted_8$3 = ["title"];
-const _hoisted_9$3 = { class: "bm-fc-select-material-temp__content__item-time" };
+const _hoisted_6$3 = ["title"];
+const _hoisted_7$3 = { class: "bm-fc-select-material-temp__content__item-time" };
 const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
   __name: "select-material-temp",
   props: ["visible", "fetchMaterialType", "fetchMaterialTemp"],
@@ -1105,7 +1097,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
                     onClick: reset
                   }, {
                     default: vue.withCtx(() => [
-                      _hoisted_1$5
+                      vue.createTextVNode("\u91CD\u7F6E")
                     ]),
                     _: 1
                   }),
@@ -1116,7 +1108,7 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
                   }, {
                     default: vue.withCtx(() => [
                       vue.createVNode(vue.unref(iconsVue.SearchOutlined)),
-                      _hoisted_2$5
+                      vue.createTextVNode(" \u67E5\u8BE2 ")
                     ]),
                     _: 1
                   }),
@@ -1128,14 +1120,14 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
                           span: 6
                         }, {
                           default: vue.withCtx(() => [
-                            vue.createElementVNode("div", _hoisted_3$5, [
-                              vue.createElementVNode("div", _hoisted_4$4, [
+                            vue.createElementVNode("div", _hoisted_1$5, [
+                              vue.createElementVNode("div", _hoisted_2$5, [
                                 item.coverPlanUrl ? (vue.openBlock(), vue.createElementBlock("img", {
                                   key: 0,
                                   class: "bm-fc-select-material-temp__content__item-info__cover__img",
                                   src: item.coverPlanUrl,
                                   alt: ""
-                                }, null, 8, _hoisted_5$3)) : (vue.openBlock(), vue.createBlock(TempContent, {
+                                }, null, 8, _hoisted_3$4)) : (vue.openBlock(), vue.createBlock(TempContent, {
                                   key: 1,
                                   content: item.htmlContent
                                 }, null, 8, ["content"]))
@@ -1147,13 +1139,13 @@ const _sfc_main$8 = /* @__PURE__ */ vue.defineComponent({
                                 selectItem.value.id === item.id ? (vue.openBlock(), vue.createBlock(vue.unref(iconsVue.CheckCircleFilled), {
                                   key: 0,
                                   class: "bm-fc-select-material-temp__content__check-icon"
-                                })) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$3)),
+                                })) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5$3)),
                                 vue.createElementVNode("span", {
                                   class: "bm-fc-select-material-temp__content__name",
                                   title: item.templateName
-                                }, vue.toDisplayString(item.templateName), 9, _hoisted_8$3)
-                              ], 8, _hoisted_6$3),
-                              vue.createElementVNode("div", _hoisted_9$3, vue.toDisplayString(vue.unref(dayjs__default["default"])(item.lastUpdateTime).format("YYYY/MM/DD")), 1)
+                                }, vue.toDisplayString(item.templateName), 9, _hoisted_6$3)
+                              ], 8, _hoisted_4$4),
+                              vue.createElementVNode("div", _hoisted_7$3, vue.toDisplayString(vue.unref(dayjs__default["default"])(item.lastUpdateTime).format("YYYY/MM/DD")), 1)
                             ])
                           ]),
                           _: 2
@@ -1187,15 +1179,11 @@ var SelectMaterialTemp = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__file", "s
 
 const _hoisted_1$4 = { class: "bm-dc-table-widget" };
 const _hoisted_2$4 = { class: "bm-dc-table-widget__title" };
-const _hoisted_3$4 = { class: "bm-dc-table-widget__title-samll" };
+const _hoisted_3$3 = { class: "bm-dc-table-widget__title-samll" };
 const _hoisted_4$3 = { class: "bm-dc-table-widget__top-bar" };
-const _hoisted_5$2 = /* @__PURE__ */ vue.createTextVNode("\u4E0B\u8F7D\u6A21\u677F");
-const _hoisted_6$2 = /* @__PURE__ */ vue.createTextVNode("\u6279\u91CF\u5BFC\u5165");
-const _hoisted_7$2 = /* @__PURE__ */ vue.createTextVNode("\u6279\u91CF\u5220\u9664");
-const _hoisted_8$2 = /* @__PURE__ */ vue.createTextVNode(" \u65B0\u589E ");
-const _hoisted_9$2 = { class: "bm-dc-table-widget__table" };
-const _hoisted_10$2 = ["onClick"];
-const _hoisted_11$2 = ["onClick"];
+const _hoisted_5$2 = { class: "bm-dc-table-widget__table" };
+const _hoisted_6$2 = ["onClick"];
+const _hoisted_7$2 = ["onClick"];
 const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
   __name: "table-widget",
   props: ["rule", "extraConfig"],
@@ -1263,17 +1251,15 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
           width: "54px"
         });
       }
-      childRules?.length && columns.push(
-        ...childRules.reduce((pre, cur) => {
-          const name = cur.name;
-          if (name === "product") {
-            pre.push(...getProductColumn(cur));
-          } else {
-            pre.push(ruleList[name].tableRule(cur, props.extraConfig));
-          }
-          return pre;
-        }, [])
-      );
+      childRules?.length && columns.push(...childRules.reduce((pre, cur) => {
+        const name = cur.name;
+        if (name === "product") {
+          pre.push(...getProductColumn(cur));
+        } else {
+          pre.push(ruleList[name].tableRule(cur, props.extraConfig));
+        }
+        return pre;
+      }, []));
       columns.push({
         field: oper,
         title: "\u64CD\u4F5C",
@@ -1339,15 +1325,11 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
                     }
                   });
                 }
-                return vue.h(
-                  "div",
-                  {
-                    style: {
-                      color: "#9393A3"
-                    }
-                  },
-                  [row[childField] || "\u7CFB\u7EDF\u81EA\u52A8\u5E26\u51FA"]
-                );
+                return vue.h("div", {
+                  style: {
+                    color: "#9393A3"
+                  }
+                }, [row[childField] || "\u7CFB\u7EDF\u81EA\u52A8\u5E26\u51FA"]);
               }
             }
           });
@@ -1424,38 +1406,30 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
       }
       return data2;
     }
-    vue.watch(
-      () => props.rule,
-      () => {
-        initConfig();
-      },
-      {
-        immediate: true
-      }
-    );
-    vue.watch(
-      () => data,
-      () => {
-        emitChange();
-      },
-      { deep: true, immediate: true }
-    );
+    vue.watch(() => props.rule, () => {
+      initConfig();
+    }, {
+      immediate: true
+    });
+    vue.watch(() => data, () => {
+      emitChange();
+    }, { deep: true, immediate: true });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [
         vue.createElementVNode("div", _hoisted_2$4, [
           vue.createTextVNode(vue.toDisplayString(__props.rule.title.title) + " ", 1),
-          vue.createElementVNode("span", _hoisted_3$4, vue.toDisplayString(vue.unref(countText)), 1),
+          vue.createElementVNode("span", _hoisted_3$3, vue.toDisplayString(vue.unref(countText)), 1),
           vue.createElementVNode("div", _hoisted_4$3, [
             vue.unref(importFeature) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
               vue.createVNode(vue.unref(antDesignVue.Button), { onClick: handleDownload }, {
                 default: vue.withCtx(() => [
-                  _hoisted_5$2
+                  vue.createTextVNode("\u4E0B\u8F7D\u6A21\u677F")
                 ]),
                 _: 1
               }),
               vue.createVNode(vue.unref(antDesignVue.Button), { onClick: handleImport }, {
                 default: vue.withCtx(() => [
-                  _hoisted_6$2
+                  vue.createTextVNode("\u6279\u91CF\u5BFC\u5165")
                 ]),
                 _: 1
               }),
@@ -1474,7 +1448,7 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
               onClick: handleBatchDelete
             }, {
               default: vue.withCtx(() => [
-                _hoisted_7$2
+                vue.createTextVNode("\u6279\u91CF\u5220\u9664")
               ]),
               _: 1
             })) : vue.createCommentVNode("v-if", true),
@@ -1484,13 +1458,13 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
             }, {
               default: vue.withCtx(() => [
                 vue.createVNode(vue.unref(iconsVue.PlusOutlined)),
-                _hoisted_8$2
+                vue.createTextVNode(" \u65B0\u589E ")
               ]),
               _: 1
             })
           ])
         ]),
-        vue.createElementVNode("div", _hoisted_9$2, [
+        vue.createElementVNode("div", _hoisted_5$2, [
           vue.createVNode(vue.unref(antDesignVue.FormItemRest), null, {
             default: vue.withCtx(() => [
               vue.createVNode(vue.unref(components.BmFloatTable), {
@@ -1502,12 +1476,12 @@ const _sfc_main$7 = /* @__PURE__ */ vue.defineComponent({
                   vue.unref(copyFeature) ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
                     vue.createElementVNode("a", {
                       onClick: ($event) => handleCopy(row)
-                    }, "\u590D\u5236", 8, _hoisted_10$2),
+                    }, "\u590D\u5236", 8, _hoisted_6$2),
                     vue.createVNode(vue.unref(antDesignVue.Divider), { type: "vertical" })
                   ], 64)) : vue.createCommentVNode("v-if", true),
                   vue.createElementVNode("a", {
                     onClick: ($event) => handleDelete(rowIndex)
-                  }, "\u5220\u9664", 8, _hoisted_11$2)
+                  }, "\u5220\u9664", 8, _hoisted_7$2)
                 ]),
                 _: 1
               }, 8, ["config"])
@@ -1523,15 +1497,13 @@ var TableWidget = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__file", "table-wi
 
 const _hoisted_1$3 = /* @__PURE__ */ vue.createElementVNode("span", { class: "bm-fc-form-item-label is-required" }, "\u7D20\u6750\u6A21\u677F\uFF1A", -1);
 const _hoisted_2$3 = { key: 0 };
-const _hoisted_3$3 = /* @__PURE__ */ vue.createTextVNode("\u66F4\u6362\u6A21\u677F");
-const _hoisted_4$2 = /* @__PURE__ */ vue.createTextVNode(" \u9009\u62E9\u6A21\u677F ");
-const _hoisted_5$1 = /* @__PURE__ */ vue.createElementVNode("span", { class: "bm-fc-form-item-label" }, "\u7D20\u6750\u7C7B\u578B\uFF1A", -1);
-const _hoisted_6$1 = /* @__PURE__ */ vue.createElementVNode("span", { class: "bm-fc-form-item-label" }, "\u5C3A\u5BF8\uFF1A", -1);
-const _hoisted_7$1 = /* @__PURE__ */ vue.createElementVNode("span", { class: "bm-fc-form-item-label" }, "\u5C01\u9762\u56FE\uFF1A", -1);
-const _hoisted_8$1 = ["src"];
+const _hoisted_3$2 = /* @__PURE__ */ vue.createElementVNode("span", { class: "bm-fc-form-item-label" }, "\u7D20\u6750\u7C7B\u578B\uFF1A", -1);
+const _hoisted_4$2 = /* @__PURE__ */ vue.createElementVNode("span", { class: "bm-fc-form-item-label" }, "\u5C3A\u5BF8\uFF1A", -1);
+const _hoisted_5$1 = /* @__PURE__ */ vue.createElementVNode("span", { class: "bm-fc-form-item-label" }, "\u5C01\u9762\u56FE\uFF1A", -1);
+const _hoisted_6$1 = ["src"];
+const _hoisted_7$1 = { key: 1 };
+const _hoisted_8$1 = /* @__PURE__ */ vue.createElementVNode("span", { class: "bm-fc-form-item-label" }, "\u6A21\u677F\u7ED3\u6784\u56FE\uFF1A", -1);
 const _hoisted_9$1 = { key: 1 };
-const _hoisted_10$1 = /* @__PURE__ */ vue.createElementVNode("span", { class: "bm-fc-form-item-label" }, "\u6A21\u677F\u7ED3\u6784\u56FE\uFF1A", -1);
-const _hoisted_11$1 = { key: 1 };
 const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
   __name: "material-temp",
   props: [
@@ -1553,9 +1525,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
         tempSelected: {}
       }
     ]);
-    vue.computed(
-      () => panes.find((pane) => pane.key === activeKey.value)
-    );
+    vue.computed(() => panes.find((pane) => pane.key === activeKey.value));
     let index = 2;
     const measrueDicts = vue.ref([]);
     function selectTemp() {
@@ -1588,10 +1558,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
       index++;
     }
     function handleDelete(targetKey) {
-      panes.splice(
-        panes.findIndex((pane) => pane.key === targetKey),
-        1
-      );
+      panes.splice(panes.findIndex((pane) => pane.key === targetKey), 1);
     }
     function getTableRule(coverageArr) {
       const fieldTypeMap = {
@@ -1684,16 +1651,12 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
     props.extraConfig.getDict().then((data) => {
       measrueDicts.value = data;
     });
-    vue.watch(
-      () => panes,
-      () => {
-        emitChange();
-      },
-      {
-        immediate: true,
-        deep: true
-      }
-    );
+    vue.watch(() => panes, () => {
+      emitChange();
+    }, {
+      immediate: true,
+      deep: true
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
         vue.createVNode(vue.unref(antDesignVue.Tabs), {
@@ -1744,7 +1707,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                                           onClick: selectTemp
                                         }, {
                                           default: vue.withCtx(() => [
-                                            _hoisted_3$3
+                                            vue.createTextVNode("\u66F4\u6362\u6A21\u677F")
                                           ]),
                                           _: 1
                                         })
@@ -1754,7 +1717,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                                       }, {
                                         default: vue.withCtx(() => [
                                           vue.createVNode(vue.unref(iconsVue.PlusOutlined)),
-                                          _hoisted_4$2
+                                          vue.createTextVNode(" \u9009\u62E9\u6A21\u677F ")
                                         ]),
                                         _: 1
                                       }))
@@ -1773,7 +1736,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                                 default: vue.withCtx(() => [
                                   vue.createVNode(vue.unref(antDesignVue.Col), null, {
                                     default: vue.withCtx(() => [
-                                      _hoisted_5$1
+                                      _hoisted_3$2
                                     ]),
                                     _: 1
                                   }),
@@ -1798,7 +1761,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                                 default: vue.withCtx(() => [
                                   vue.createVNode(vue.unref(antDesignVue.Col), null, {
                                     default: vue.withCtx(() => [
-                                      _hoisted_6$1
+                                      _hoisted_4$2
                                     ]),
                                     _: 1
                                   }),
@@ -1807,9 +1770,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                                     flex: 1
                                   }, {
                                     default: vue.withCtx(() => [
-                                      vue.createTextVNode(vue.toDisplayString(measrueDicts.value.find(
-                                        (dict) => dict.dictId + "" === pane.tempSelected.measure + ""
-                                      )?.dictName || "\u7CFB\u7EDF\u81EA\u52A8\u83B7\u53D6"), 1)
+                                      vue.createTextVNode(vue.toDisplayString(measrueDicts.value.find((dict) => dict.dictId + "" === pane.tempSelected.measure + "")?.dictName || "\u7CFB\u7EDF\u81EA\u52A8\u83B7\u53D6"), 1)
                                     ]),
                                     _: 2
                                   }, 1024)
@@ -1825,7 +1786,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                                 default: vue.withCtx(() => [
                                   vue.createVNode(vue.unref(antDesignVue.Col), null, {
                                     default: vue.withCtx(() => [
-                                      _hoisted_7$1
+                                      _hoisted_5$1
                                     ]),
                                     _: 1
                                   }),
@@ -1838,7 +1799,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                                         key: 0,
                                         class: "bm-fc-form-item__cover",
                                         src: pane.tempSelected.coverPlanPath
-                                      }, null, 8, _hoisted_8$1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$1, "\u7CFB\u7EDF\u81EA\u52A8\u83B7\u53D6"))
+                                      }, null, 8, _hoisted_6$1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_7$1, "\u7CFB\u7EDF\u81EA\u52A8\u83B7\u53D6"))
                                     ]),
                                     _: 2
                                   }, 1024)
@@ -1854,7 +1815,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                                 default: vue.withCtx(() => [
                                   vue.createVNode(vue.unref(antDesignVue.Col), null, {
                                     default: vue.withCtx(() => [
-                                      _hoisted_10$1
+                                      _hoisted_8$1
                                     ]),
                                     _: 1
                                   }),
@@ -1867,7 +1828,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
                                         key: 0,
                                         class: "bm-fc-form-item__temp-content",
                                         content: pane.tempSelected.content
-                                      }, null, 8, ["content"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_11$1, "\u7CFB\u7EDF\u81EA\u52A8\u83B7\u53D6"))
+                                      }, null, 8, ["content"])) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_9$1, "\u7CFB\u7EDF\u81EA\u52A8\u83B7\u53D6"))
                                     ]),
                                     _: 2
                                   }, 1024)
@@ -1987,7 +1948,6 @@ var materialTemp = {
 
 const _hoisted_1$2 = { class: "bm-fc-form-item-label" };
 const _hoisted_2$2 = ["src"];
-const _hoisted_3$2 = /* @__PURE__ */ vue.createTextVNode("\u7CFB\u7EDF\u81EA\u52A8\u5E26\u51FA");
 const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
   __name: "product-info",
   props: [
@@ -2027,15 +1987,11 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
     function emitChange(value) {
       emits("change", value);
     }
-    vue.watch(
-      () => props.defalutValue,
-      (val) => {
-        val && fetch(val);
-      },
-      {
-        immediate: true
-      }
-    );
+    vue.watch(() => props.defalutValue, (val) => {
+      val && fetch(val);
+    }, {
+      immediate: true
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Row), { gutter: [0, 24] }, {
         default: vue.withCtx(() => [
@@ -2099,7 +2055,7 @@ const _sfc_main$5 = /* @__PURE__ */ vue.defineComponent({
                             vue.createTextVNode(vue.toDisplayString(getValue(field.value)), 1)
                           ], 64))
                         ], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 1 }, [
-                          _hoisted_3$2
+                          vue.createTextVNode("\u7CFB\u7EDF\u81EA\u52A8\u5E26\u51FA")
                         ], 64))
                       ]),
                       _: 2
@@ -2856,9 +2812,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         if (data.name === "row" && childRules?.length) {
           const rowRule = rule2.children.find((item) => item.type === "row");
           childRules.forEach((ruleItem) => {
-            rowRule.children.push(
-              ruleList[ruleItem.name].rowRule(ruleItem, props.extraConfig)
-            );
+            rowRule.children.push(ruleList[ruleItem.name].rowRule(ruleItem, props.extraConfig));
           });
         }
         return rule2;
@@ -2879,15 +2833,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       });
       return ruleData;
     }
-    vue.watch(
-      () => props.fdRule,
-      (fdRule) => {
-        setRule(fdRule);
-      },
-      {
-        immediate: true
-      }
-    );
+    vue.watch(() => props.fdRule, (fdRule) => {
+      setRule(fdRule);
+    }, {
+      immediate: true
+    });
     expose({ fApi });
     return (_ctx, _cache) => {
       const _component_formCreate = vue.resolveComponent("formCreate", true);