bm-admin-ui 1.0.45-alpha → 1.0.46-alpha

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';

package/lib/components/index.js

@@ -18,6 +18,7 @@ var inputTagsDisplay = require('./input-tags-display');
 var selectAll = require('./select-all');
 var breadcrumb = require('./breadcrumb');
 var editor = require('./editor');
+var videoView = require('./videoView');
 var attachment = require('./attachment');
 
 
@@ -118,6 +119,12 @@ Object.keys(editor).forEach(function (k) {
 		get: function () { return editor[k]; }
 	});
 });
+Object.keys(videoView).forEach(function (k) {
+	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return videoView[k]; }
+	});
+});
 Object.keys(attachment).forEach(function (k) {
 	if (k !== 'default' && !exports.hasOwnProperty(k)) Object.defineProperty(exports, k, {
 		enumerable: true,

package/lib/components/search-filter/index.d.ts

@@ -115,7 +115,7 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
         onSubmit?: ((...args: any[]) => any) | undefined;
         onExpand?: ((...args: any[]) => any) | undefined;
     }>>;
-    emits: (event: "update:value" | "submit" | "reset" | "expand", ...args: any[]) => void;
+    emits: (event: "submit" | "reset" | "update:value" | "expand", ...args: any[]) => void;
     isExpand: import("vue").Ref<boolean>;
     searchResetBtnRule: {
         type: string;
@@ -156,7 +156,7 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
     handleResize: () => void;
     expandRule: import("vue").ComputedRef<unknown[]>;
     handleChangeExpand: (value: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "submit" | "reset" | "expand")[], "update:value" | "submit" | "reset" | "expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "reset" | "update:value" | "expand")[], "submit" | "reset" | "update:value" | "expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     showExpandBtn: {
         type: BooleanConstructor;
         default: boolean;
@@ -217,8 +217,8 @@ declare const BmSearchFilter: import("bm-admin-ui/es/utils/with-install").SFCWit
     onSubmit?: ((...args: any[]) => any) | undefined;
     onExpand?: ((...args: any[]) => any) | undefined;
 }, {
-    value: Record<string, any>;
     loading: boolean;
+    value: Record<string, any>;
     showExpandBtn: boolean;
     showSearchIcon: boolean;
     expandPlacement: "left" | "right";

package/lib/components/search-filter/src/search-filter.vue.d.ts

@@ -115,7 +115,7 @@ declare const _default: import("vue").DefineComponent<{
         onSubmit?: ((...args: any[]) => any) | undefined;
         onExpand?: ((...args: any[]) => any) | undefined;
     }>>;
-    emits: (event: "update:value" | "submit" | "reset" | "expand", ...args: any[]) => void;
+    emits: (event: "submit" | "reset" | "update:value" | "expand", ...args: any[]) => void;
     isExpand: import("vue").Ref<boolean>;
     searchResetBtnRule: {
         type: string;
@@ -156,7 +156,7 @@ declare const _default: import("vue").DefineComponent<{
     handleResize: () => void;
     expandRule: import("vue").ComputedRef<unknown[]>;
     handleChangeExpand: (value: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:value" | "submit" | "reset" | "expand")[], "update:value" | "submit" | "reset" | "expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("submit" | "reset" | "update:value" | "expand")[], "submit" | "reset" | "update:value" | "expand", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     showExpandBtn: {
         type: BooleanConstructor;
         default: boolean;
@@ -217,8 +217,8 @@ declare const _default: import("vue").DefineComponent<{
     onSubmit?: ((...args: any[]) => any) | undefined;
     onExpand?: ((...args: any[]) => any) | undefined;
 }, {
-    value: Record<string, any>;
     loading: boolean;
+    value: Record<string, any>;
     showExpandBtn: boolean;
     showSearchIcon: boolean;
     expandPlacement: "left" | "right";

package/lib/components/select-all/index.d.ts

@@ -210,7 +210,7 @@ declare const BmSelectAll: import("bm-admin-ui/es/utils/with-install").SFCWithIn
                     type: BooleanConstructor;
                     default: any;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "loading" | "bordered" | "choiceTransitionName" | "open" | "virtual" | "dropdownMatchSelectWidth" | "autofocus" | "showSearch" | "defaultOpen" | "allowClear" | "showArrow" | "autoClearSearchValue" | "filterOption" | "defaultActiveFirstOption" | "labelInValue">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "disabled" | "bordered" | "choiceTransitionName" | "open" | "virtual" | "dropdownMatchSelectWidth" | "autofocus" | "showSearch" | "defaultOpen" | "allowClear" | "showArrow" | "autoClearSearchValue" | "filterOption" | "defaultActiveFirstOption" | "labelInValue">;
             $attrs: {
                 [x: string]: unknown;
             };

package/lib/components/select-all/src/selectAll.vue.d.ts

@@ -210,7 +210,7 @@ declare const _default: import("vue").DefineComponent<{
                     type: BooleanConstructor;
                     default: any;
                 };
-            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "loading" | "bordered" | "choiceTransitionName" | "open" | "virtual" | "dropdownMatchSelectWidth" | "autofocus" | "showSearch" | "defaultOpen" | "allowClear" | "showArrow" | "autoClearSearchValue" | "filterOption" | "defaultActiveFirstOption" | "labelInValue">;
+            }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "loading" | "disabled" | "bordered" | "choiceTransitionName" | "open" | "virtual" | "dropdownMatchSelectWidth" | "autofocus" | "showSearch" | "defaultOpen" | "allowClear" | "showArrow" | "autoClearSearchValue" | "filterOption" | "defaultActiveFirstOption" | "labelInValue">;
             $attrs: {
                 [x: string]: unknown;
             };

package/lib/components/videoView/__test__/index.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/videoView/index.d.ts

@@ -0,0 +1,37 @@
+declare const BmVideo: import("bm-admin-ui/es/utils/with-install").SFCWithInstall<import("vue").DefineComponent<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    width: {
+        type: StringConstructor;
+        default: number;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        src: {
+            type: StringConstructor;
+            required: true;
+        };
+        width: {
+            type: StringConstructor;
+            default: number;
+        };
+    }>> & {}>>;
+    visible: import("vue").Ref<boolean>;
+    play: () => void;
+    PlayCircleFilled: import("@ant-design/icons-vue/lib/icons/PlayCircleFilled").PlayCircleFilledIconType;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    width: {
+        type: StringConstructor;
+        default: number;
+    };
+}>>, {
+    width: string;
+}>>;
+export { BmVideo };
+export default BmVideo;

package/lib/components/videoView/index.js

@@ -0,0 +1,105 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var withInstall = require('bm-admin-ui/lib/utils/with-install');
+var vue = require('vue');
+var iconsVue = require('@ant-design/icons-vue');
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+const _hoisted_1 = ["onClick"];
+const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("div", { class: "mask" }, null, -1);
+const _hoisted_3 = ["src"];
+const _hoisted_4 = ["src"];
+const _hoisted_5 = ["src"];
+const _hoisted_6 = ["src"];
+const _hoisted_7 = ["src"];
+const _hoisted_8 = ["src"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "videoView",
+  props: {
+    src: {
+      type: String,
+      required: true
+    },
+    width: {
+      type: String || Number,
+      default: 102
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const visible = vue.ref(false);
+    const play = () => {
+      visible.value = true;
+    };
+    return (_ctx, _cache) => {
+      const _component_a_modal = vue.resolveComponent("a-modal");
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createElementVNode("div", {
+          class: "my_video",
+          style: vue.normalizeStyle({ width: `${props.width}px`, height: `${props.width}px` }),
+          onClick: vue.withModifiers(play, ["prevent"])
+        }, [
+          _hoisted_2,
+          vue.createVNode(vue.unref(iconsVue.PlayCircleFilled), { class: "play" }),
+          vue.createElementVNode("video", {
+            src: props.src,
+            muted: "",
+            class: "video"
+          }, [
+            vue.createElementVNode("source", {
+              src: props.src,
+              type: "video/mp4"
+            }, null, 8, _hoisted_4),
+            vue.createElementVNode("source", {
+              src: props.src,
+              type: "video/mov"
+            }, null, 8, _hoisted_5)
+          ], 8, _hoisted_3)
+        ], 12, _hoisted_1),
+        vue.createVNode(_component_a_modal, {
+          visible: visible.value,
+          "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+          "destroy-on-close": "",
+          centered: "",
+          class: "my_video_modal",
+          width: "1000px",
+          footer: null
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("video", {
+              style: { "margin-top": "20px" },
+              src: props.src,
+              autoplay: "",
+              controls: ""
+            }, [
+              vue.createElementVNode("source", {
+                src: props.src,
+                type: "video/mp4"
+              }, null, 8, _hoisted_7),
+              vue.createElementVNode("source", {
+                src: props.src,
+                type: "video/mov"
+              }, null, 8, _hoisted_8)
+            ], 8, _hoisted_6)
+          ]),
+          _: 1
+        }, 8, ["visible"])
+      ], 64);
+    };
+  }
+});
+var MyVideo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "videoView.vue"]]);
+
+const BmVideo = withInstall.withInstall(MyVideo);
+
+exports.BmVideo = BmVideo;
+exports["default"] = BmVideo;

package/lib/components/videoView/src/videoView.vue.d.ts

@@ -0,0 +1,36 @@
+declare const _default: import("vue").DefineComponent<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    width: {
+        type: StringConstructor;
+        default: number;
+    };
+}, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        src: {
+            type: StringConstructor;
+            required: true;
+        };
+        width: {
+            type: StringConstructor;
+            default: number;
+        };
+    }>> & {}>>;
+    visible: import("vue").Ref<boolean>;
+    play: () => void;
+    PlayCircleFilled: import("@ant-design/icons-vue/lib/icons/PlayCircleFilled").PlayCircleFilledIconType;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    src: {
+        type: StringConstructor;
+        required: true;
+    };
+    width: {
+        type: StringConstructor;
+        default: number;
+    };
+}>>, {
+    width: string;
+}>;
+export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bm-admin-ui",
-  "version": "1.0.45-alpha",
+  "version": "1.0.46-alpha",
   "private": false,
   "description": "An Admin Component Library for Bm",
   "license": "UNLICENSED",