bm-admin-ui 1.0.44-alpha → 1.0.46-alpha

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

@@ -11,14 +11,12 @@ var BmStaffsSelector = require('bm-admin-ui/lib/components/staffs-selector');
 var components = require('bm-admin-ui/lib/components');
 var iconsVue = require('@ant-design/icons-vue');
 var lodashEs = require('lodash-es');
-var FC = require('@form-create/ant-design-vue');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var Picture__default = /*#__PURE__*/_interopDefaultLegacy(Picture);
 var BmStaffsSelector__default = /*#__PURE__*/_interopDefaultLegacy(BmStaffsSelector);
-var FC__default = /*#__PURE__*/_interopDefaultLegacy(FC);
 
 const fieldRatioMap = {
     '25%': 6,
@@ -785,15 +783,27 @@ const _sfc_main$a = /* @__PURE__ */ vue.defineComponent({
     "placeholder",
     "defaultSelected",
     "load",
-    "disabled"
+    "disabled",
+    "fieldNames"
   ],
   emits: ["change"],
   setup(__props, { emit: emits }) {
     const props = __props;
+    const fieldNames = props.fieldNames || {
+      label: "name",
+      value: "code"
+    };
     const selected = vue.ref([]);
     const visible = vue.ref(false);
     function selectedChange(val) {
-      emits("change", val);
+      emits(
+        "change",
+        val.map((item) => ({
+          [fieldNames.value]: item.key,
+          [fieldNames.label]: item.title,
+          ...item
+        }))
+      );
     }
     function handleAdd() {
       visible.value = true;
@@ -838,6 +848,7 @@ var StaffSelector = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__file", "staff-
 var people = {
     name: 'people',
     rule(data, extraConfig) {
+        var _a;
         return {
             type: 'StaffSelector',
             component: StaffSelector,
@@ -853,6 +864,7 @@ var people = {
                         return yield extraConfig.people.fetch(params);
                     });
                 },
+                fieldNames: (_a = extraConfig.people) === null || _a === void 0 ? void 0 : _a.fieldNames,
             },
             effect: {
                 required: data.effect.required && '请选择',
@@ -877,6 +889,7 @@ var people = {
         };
     },
     rowRule(data, extraConfig) {
+        var _a;
         return {
             type: 'StaffSelector',
             component: StaffSelector,
@@ -892,6 +905,7 @@ var people = {
                         return yield extraConfig.people.fetch(params);
                     });
                 },
+                fieldNames: (_a = extraConfig.people) === null || _a === void 0 ? void 0 : _a.fieldNames,
             },
             effect: {
                 required: data.effect.required && '请选择',
@@ -2228,11 +2242,21 @@ var product = {
 
 const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
   __name: "shop-widget",
-  props: ["value", "extraConfig", "rule", "disabled"],
+  props: [
+    "value",
+    "extraConfig",
+    "rule",
+    "disabled",
+    "formCreateInject"
+  ],
   emits: ["change"],
   setup(__props, { emit: emits }) {
     const props = __props;
-    const value = vue.ref(props.value.value);
+    const fieldNames = props.extraConfig.fieldNames || {
+      label: "name",
+      value: "code"
+    };
+    const value = vue.ref(props.value?.[fieldNames.value]);
     const options = vue.ref([]);
     const keyword = vue.ref("");
     const debounceFetch = lodashEs.debounce((value2) => {
@@ -2250,8 +2274,12 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
         options.value = data;
       });
     }
-    function handleChange(value2, option) {
-      emits("change", option);
+    function handleChange(val, option) {
+      value.value = val;
+      emits("change", {
+        [fieldNames.value]: option.value,
+        [fieldNames.label]: option.label
+      });
     }
     function handleSearch(value2) {
       keyword.value = value2;
@@ -2261,7 +2289,6 @@ const _sfc_main$4 = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Select), {
         value: value.value,
-        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => value.value = $event),
         placeholder: "\u8BF7\u9009\u62E9",
         "show-search": "",
         "show-arrow": false,
@@ -2301,6 +2328,7 @@ var shop = {
                 change(inject, value) {
                     const rule = inject.self;
                     rule.value = value;
+                    rule.props.value = value;
                     vue.nextTick(() => {
                         setTimeout(() => {
                             inject.api.validateField(rule.field);
@@ -2331,6 +2359,7 @@ var shop = {
                 change(inject, value) {
                     const rule = inject.self;
                     rule.value = value;
+                    rule.props.value = value;
                     vue.nextTick(() => {
                         setTimeout(() => {
                             inject.api.validateField(rule.field);
@@ -2369,7 +2398,7 @@ var shop = {
 };
 
 const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
-  __name: "material-type-in-table",
+  __name: "material-type",
   props: ["config", "multiple", "format", "value"],
   emits: ["change"],
   setup(__props, { emit: emits }) {
@@ -2394,58 +2423,65 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
         result.forEach((item) => {
           item.isLeaf = props.format === optionLength + 1;
         });
-        targetOption.children = result;
+        if (result.length) {
+          targetOption.children = result;
+        } else {
+          targetOption.isLeaf = true;
+        }
       }).finally(() => {
         targetOption.loading = false;
       });
     }
-    function handleChange(v) {
-      emits("change", v);
+    function handleChange(value, selectedOptions) {
+      const result = lodashEs.cloneDeep(selectedOptions);
+      processValue(result);
+      emits("change", result);
+    }
+    function processValue(selectedOptions) {
+      selectedOptions.forEach((item) => {
+        if (Array.isArray(item))
+          processValue(item);
+        else {
+          delete item.disabled;
+          delete item.children;
+          delete item.isLeaf;
+          delete item.loading;
+        }
+      });
+    }
+    function formatValue(value) {
+      value = value || [];
+      return value.reduce((pre, cur) => {
+        if (Array.isArray(cur)) {
+          pre.push(cur.map((c) => c.value));
+        } else {
+          pre.push(cur.value);
+        }
+        return pre;
+      }, []);
     }
     initOptions();
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(antDesignVue.Cascader), {
-        value: __props.value,
+        value: formatValue(__props.value),
         placeholder: "\u8BF7\u8F93\u5165",
         multiple: __props.multiple,
         options: options.value,
         "load-data": loadData,
         "get-popup-container": vue.unref(getContainer),
-        "onUpdate:value": handleChange
+        onChange: handleChange
       }, null, 8, ["value", "multiple", "options", "get-popup-container"]);
     };
   }
 });
-var materialTypeInTable = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "material-type-in-table.vue"]]);
+var materialType$1 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__file", "material-type.vue"]]);
 
-FC__default["default"].register({
-    name: 'materialTypesOption',
-    init({ value }, rule) {
-        getOption(value, { level: 1, relationCode: '' }).then((data) => {
-            data = isLeaf(data, rule.config.format === 1);
-            if (rule.props) {
-                rule.props.options = data;
-            }
-            else {
-                (rule.props = {}).options = data;
-            }
-        });
-    },
-});
-function getOption(config, data) {
-    return config.fetch(data);
-}
-function isLeaf(data, value) {
-    data.forEach((item) => {
-        item.isLeaf = value;
-    });
-    return data;
-}
 var materialType = {
     name: 'materialType',
     rule(data, extraConfig) {
         return {
-            type: 'cascader',
+            type: 'materialType',
+            component: materialType$1,
             field: data.field,
             title: '素材类型',
             validate: [
@@ -2457,38 +2493,22 @@ var materialType = {
                 },
             ],
             props: {
-                placeholder: '请选择',
+                value: data.value,
                 multiple: data.props.multiple,
-                loadData(inject, selectedOptions) {
-                    const optionLength = selectedOptions.length;
-                    const targetOption = selectedOptions[optionLength - 1];
-                    targetOption.loading = true;
-                    getOption(extraConfig.materialType, {
-                        level: optionLength + 1,
-                        relationCode: targetOption.value,
-                    })
-                        .then((result) => {
-                        result = isLeaf(result, inject.self.config.format === optionLength + 1);
-                        targetOption.children = result;
-                    })
-                        .finally(() => {
-                        targetOption.loading = false;
-                    });
-                },
-            },
-            config: {
                 format: data.config.format,
-            },
-            effect: {
-                materialTypesOption: extraConfig.materialType,
+                config: extraConfig.materialType,
+                disabled: data.disabled,
             },
             inject: true,
             on: {
                 change(inject, list) {
                     const rule = inject.self;
                     rule.value = list;
+                    rule.props.value = list;
                     vue.nextTick(() => {
-                        inject.api.validateField(rule.field);
+                        setTimeout(() => {
+                            inject.api.validateField(rule.field);
+                        });
                     });
                 },
             },
@@ -2497,7 +2517,8 @@ var materialType = {
     },
     rowRule(data, extraConfig) {
         return {
-            type: 'cascader',
+            type: 'materialType',
+            component: materialType$1,
             field: data.field,
             title: '素材类型',
             validate: [
@@ -2509,35 +2530,22 @@ var materialType = {
                 },
             ],
             props: {
-                placeholder: '请选择',
+                value: data.value,
                 multiple: data.props.multiple,
-                loadData(inject, selectedOptions) {
-                    const optionLength = selectedOptions.length;
-                    const targetOption = selectedOptions[optionLength - 1];
-                    targetOption.loading = true;
-                    getOption(extraConfig.materialType, optionLength + 1)
-                        .then((result) => {
-                        result = isLeaf(result, inject.self.config.format === optionLength + 1);
-                        targetOption.children = result;
-                    })
-                        .finally(() => {
-                        targetOption.loading = false;
-                    });
-                },
-            },
-            config: {
                 format: data.config.format,
-            },
-            effect: {
-                materialTypesOption: extraConfig.materialType,
+                config: extraConfig.materialType,
+                disabled: data.disabled,
             },
             inject: true,
             on: {
                 change(inject, list) {
                     const rule = inject.self;
                     rule.value = list;
+                    rule.props.value = list;
                     vue.nextTick(() => {
-                        inject.api.validateField(rule.field);
+                        setTimeout(() => {
+                            inject.api.validateField(rule.field);
+                        });
                     });
                 },
             },
@@ -2556,7 +2564,7 @@ var materialType = {
             minWidth: '138px',
             slots: {
                 default({ row }) {
-                    return vue.h(materialTypeInTable, {
+                    return vue.h(materialType$1, {
                         multiple: data.props.multiple,
                         format: data.config.format,
                         config: extraConfig.materialType,
@@ -2606,6 +2614,7 @@ var row = {
 var department = {
     name: 'department',
     rule(data, extraConfig) {
+        var _a;
         return {
             type: 'StaffSelector',
             component: StaffSelector,
@@ -2623,6 +2632,7 @@ var department = {
                         return yield extraConfig.department.fetch();
                     });
                 },
+                fieldNames: (_a = extraConfig.people) === null || _a === void 0 ? void 0 : _a.fieldNames,
             },
             effect: {
                 required: data.effect.required && '请选择',
@@ -2647,6 +2657,7 @@ var department = {
         };
     },
     rowRule(data, extraConfig) {
+        var _a;
         return {
             type: 'StaffSelector',
             component: StaffSelector,
@@ -2664,6 +2675,7 @@ var department = {
                         return yield extraConfig.department.fetch();
                     });
                 },
+                fieldNames: (_a = extraConfig.people) === null || _a === void 0 ? void 0 : _a.fieldNames,
             },
             effect: {
                 required: data.effect.required && '请选择',

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

@@ -97,7 +97,7 @@ const _hoisted_1$f = {
 };
 const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   __name: "drag-tool",
-  props: ["rule", "activeRule", "parentRule"],
+  props: ["rule", "activeRuleField", "parentRule"],
   emits: [
     "copy",
     "delete",
@@ -108,7 +108,7 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
   ],
   setup(__props, { emit: emits }) {
     const props = __props;
-    const isActive = vue.computed(() => props.rule.field === props.activeRule?.field);
+    const isActive = vue.computed(() => props.rule.field === props.activeRuleField);
     const option = vue.computed(() => ({
       form: {
         layout: "vertical"
@@ -116,6 +116,13 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       submitBtn: {
         show: false
       },
+      global: {
+        "*": {
+          props: {
+            activeRuleField: props.activeRuleField
+          }
+        }
+      },
       parentType: props.parentRule?.type,
       childRules: props.parentRule?.config?.childRules
     }));
@@ -146,16 +153,16 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
       props.rule.config.isHover = true;
     }
     function handleNestSetActiveRule(element, parentRule) {
-      emits("setActiveRule", element, parentRule || props.rule);
+      emits("setActiveRule", element, parentRule);
     }
-    function handleRowWidgetCopy(rule) {
-      emitCopyEvt(rule, props.rule);
+    function handleNestCopy(rule, parentRule) {
+      emitCopyEvt(rule, parentRule);
     }
-    function handleRowWidgetDelete(rule) {
-      emitDeleteEvt(rule, props.rule);
+    function handleNestDelete(rule, parentRule) {
+      emitDeleteEvt(rule, parentRule);
     }
-    function handleNestAdd(rule) {
-      emits("widgetAdd", rule, props.rule);
+    function handleNestAdd(rule, parentRule) {
+      emits("widgetAdd", rule, parentRule);
     }
     return (_ctx, _cache) => {
       const _component_FormCreate = vue.resolveComponent("FormCreate");
@@ -180,8 +187,8 @@ const _sfc_main$h = /* @__PURE__ */ vue.defineComponent({
           onNestMouseenter: handleRowWidgetMouseenter,
           onNestMouseleave: handleRowWidgetMouseleave,
           onNestSetActiveRule: handleNestSetActiveRule,
-          onNestCopy: handleRowWidgetCopy,
-          onNestDelete: handleRowWidgetDelete,
+          onNestCopy: handleNestCopy,
+          onNestDelete: handleNestDelete,
           onNestAdd: handleNestAdd
         }, null, 8, ["option", "rule"])) : (vue.openBlock(), vue.createBlock(WidgetInstruction, {
           key: 1,
@@ -256,7 +263,7 @@ const _hoisted_2$a = {
 };
 const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   __name: "widget-row",
-  props: ["activeRule", "formCreateInject"],
+  props: ["activeRuleField", "formCreateInject"],
   emits: [
     "mouseenter",
     "mouseleave",
@@ -267,32 +274,35 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
   ],
   setup(__props, { emit: emits }) {
     const props = __props;
-    const childRules = vue.computed(() => props.formCreateInject.rule.config.childRules);
+    const rowRule = vue.computed(() => props.formCreateInject.rule);
+    const childRules = vue.computed(() => rowRule.value.config.childRules);
     function handleMouseenter() {
       emits("mouseenter");
     }
     function handleMouseleave() {
       emits("mouseleave");
     }
-    function emitSetActiveRuleEvt(rule, parentRule = void 0) {
+    function emitSetActiveRuleEvt(rule, parentRule) {
       emits("set-active-rule", rule, parentRule);
     }
     function handleClick(element) {
-      emitSetActiveRuleEvt(element);
+      emitSetActiveRuleEvt(element, rowRule.value);
     }
     function handleRowWidgetAdd({ newIndex }) {
-      emits("add", childRules.value[newIndex]);
+      emits("add", childRules.value[newIndex], rowRule.value);
     }
     function handleRowWidgetUpdate({ newIndex }) {
       const rule = childRules.value[newIndex];
       if (rule)
-        emitSetActiveRuleEvt(rule);
+        emitSetActiveRuleEvt(rule, rowRule.value);
     }
-    function handleCopy(rule) {
-      emits("copy", rule);
+    function handleCopy(rule, parentRule) {
+      parentRule = parentRule || rowRule.value;
+      emits("copy", rule, parentRule);
     }
-    function handleDelete(rule) {
-      emits("delete", rule);
+    function handleDelete(rule, parentRule) {
+      parentRule = parentRule || rowRule.value;
+      emits("delete", rule, parentRule);
     }
     function handleWidgetInTableActive(rule, parentRule) {
       emitSetActiveRuleEvt(rule, parentRule);
@@ -329,7 +339,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
               default: vue.withCtx(() => [
                 vue.createVNode(DragTool, {
                   rule: element,
-                  "active-rule": __props.activeRule,
+                  "active-rule-field": __props.activeRuleField,
                   "parent-rule": __props.formCreateInject.rule,
                   onMouseenter: handleMouseenter,
                   onMouseleave: handleMouseleave,
@@ -337,7 +347,7 @@ const _sfc_main$f = /* @__PURE__ */ vue.defineComponent({
                   onCopy: handleCopy,
                   onDelete: handleDelete,
                   onSetActiveRule: handleWidgetInTableActive
-                }, null, 8, ["rule", "active-rule", "parent-rule", "onClick"]),
+                }, null, 8, ["rule", "active-rule-field", "parent-rule", "onClick"]),
                 vue.createVNode(DragPlaceholder)
               ]),
               _: 2
@@ -1805,7 +1815,7 @@ const _hoisted_17 = /* @__PURE__ */ vue.createElementVNode("span", null, null, -
 const _hoisted_18 = /* @__PURE__ */ vue.createElementVNode("a", null, "\u5220\u9664", -1);
 const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   __name: "widget-table",
-  props: ["formCreateInject", "activeRule"],
+  props: ["formCreateInject", "activeRuleField"],
   emits: [
     "add",
     "mouseenter",
@@ -1816,16 +1826,16 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
   ],
   setup(__props, { emit: emits }) {
     const props = __props;
-    const rule = vue.computed(() => props.formCreateInject.rule);
-    const childRules = vue.computed(() => rule.value.config.childRules);
+    const tableRule = vue.computed(() => props.formCreateInject.rule);
+    const childRules = vue.computed(() => tableRule.value.config.childRules);
     const showDelete = vue.computed(() => showFeature("delete"));
     const showImport = vue.computed(() => showFeature("import"));
     const showCopy = vue.computed(() => showFeature("copy"));
     function showFeature(featureId) {
-      return rule.value.config.tableAdvancedFeatures.includes(featureId);
+      return tableRule.value.config.tableAdvancedFeatures.includes(featureId);
     }
     function handleAdd({ newIndex }) {
-      emits("add", childRules.value[newIndex]);
+      emits("add", childRules.value[newIndex], tableRule.value);
     }
     function handleMouseenter() {
       emits("mouseenter");
@@ -1833,8 +1843,8 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     function handleMouseleave() {
       emits("mouseleave");
     }
-    function emitSetActiveRuleEvt(rule2) {
-      emits("set-active-rule", rule2);
+    function emitSetActiveRuleEvt(rule) {
+      emits("set-active-rule", rule, tableRule.value);
     }
     function handleClick(element) {
       emitSetActiveRuleEvt(element);
@@ -1842,11 +1852,11 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
     function handleUpdate({ newIndex }) {
       emitSetActiveRuleEvt(childRules.value[newIndex]);
     }
-    function handleCopy(rule2) {
-      emits("copy", rule2);
+    function handleCopy(rule) {
+      emits("copy", rule, tableRule.value);
     }
-    function handleDelete(rule2) {
-      emits("delete", rule2);
+    function handleDelete(rule) {
+      emits("delete", rule, tableRule.value);
     }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [
@@ -1891,7 +1901,7 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
               vue.unref(childRules).length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$1, _hoisted_8)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_9, "\u53EF\u62D6\u5165\u591A\u4E2A\u63A7\u4EF6")),
               vue.createVNode(vue.unref(Draggable__default["default"]), {
                 "component-data": {
-                  field: vue.unref(rule).field,
+                  field: vue.unref(tableRule).field,
                   type: vue.unref(WidgetType).TableWidget
                 },
                 class: "bm-widget-table__drag-content",
@@ -1917,14 +1927,14 @@ const _sfc_main$c = /* @__PURE__ */ vue.defineComponent({
                   }, [
                     vue.createVNode(DragTool, {
                       rule: element,
-                      "active-rule": __props.activeRule,
+                      "active-rule-field": __props.activeRuleField,
                       "parent-rule": __props.formCreateInject.rule,
                       onMouseenter: handleMouseenter,
                       onMouseleave: handleMouseleave,
                       onClick: vue.withModifiers(($event) => handleClick(element), ["stop"]),
                       onCopy: handleCopy,
                       onDelete: handleDelete
-                    }, null, 8, ["rule", "active-rule", "parent-rule", "onClick"]),
+                    }, null, 8, ["rule", "active-rule-field", "parent-rule", "onClick"]),
                     vue.createVNode(DragPlaceholder)
                   ], 4)
                 ]),
@@ -3994,22 +4004,6 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     function setActiveRule(rule, parentRule = void 0) {
       activeRule.value = rule;
       activeParentRule.value = parentRule;
-      widgetFormRules.forEach((item) => {
-        if (item.type === WidgetType.RowWidget || item.type === WidgetType.TableWidget) {
-          vue.nextTick(() => {
-            item.props.activeRule = rule;
-          });
-          if (item.type === WidgetType.RowWidget && item?.config?.childRules?.length) {
-            item.config.childRules.forEach((childRule) => {
-              if (childRule.type === WidgetType.TableWidget) {
-                vue.nextTick(() => {
-                  childRule.props.activeRule = rule;
-                });
-              }
-            });
-          }
-        }
-      });
       if (!cacheProps[rule.field]) {
         cacheProps[rule.field] = makePropRule(rule, parentRule);
       }
@@ -4066,20 +4060,18 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
       }
     }
     function getFormRule() {
-      return widgetFormRules.map((rule) => {
-        const ruleParsed = parseRule(rule);
-        const childRules = rule?.config?.childRules;
-        if (childRules?.length) {
-          const childRulesParsed = ruleParsed.config.childRules = [];
-          childRules.forEach((ruleItem) => {
-            childRulesParsed.push(parseRule(ruleItem));
-          });
-        }
-        return ruleParsed;
-      });
+      return widgetFormRules.map((rule) => parseRule(rule));
     }
     function parseRule(rule) {
-      return rule.config.config.parse(rule);
+      const ruleParsed = rule.config.config.parse(rule);
+      const childRules = rule?.config?.childRules;
+      if (childRules?.length) {
+        const childRulesParsed = ruleParsed.config.childRules = [];
+        childRules.forEach((ruleItem) => {
+          childRulesParsed.push(parseRule(ruleItem));
+        });
+      }
+      return ruleParsed;
     }
     function edit(formRules) {
       widgetFormRules.splice(0);
@@ -4271,7 +4263,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     vue.createElementVNode("div", _hoisted_4, [
                       vue.createVNode(DragTool, {
                         rule: element,
-                        "active-rule": activeRule.value,
+                        "active-rule-field": activeRule.value.field,
                         style: vue.normalizeStyle({
                           width: element.config.fieldRatio
                         }),
@@ -4280,7 +4272,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         onClick: ($event) => handleFormItemClick(element),
                         onSetActiveRule: setActiveRule,
                         onWidgetAdd: handleWidgetAdd
-                      }, null, 8, ["rule", "active-rule", "style", "onClick"]),
+                      }, null, 8, ["rule", "active-rule-field", "style", "onClick"]),
                       vue.createVNode(DragPlaceholder)
                     ])
                   ]),

package/lib/components/index.d.ts

@@ -12,4 +12,5 @@ export * from './input-tags-display';
 export * from './select-all';
 export * from './breadcrumb';
 export * from './editor';
+export * from './videoView';
 export * from './attachment';