@cmstops/pro-compo 0.3.72 → 0.3.73-beta

package/es/contentModal/component.js

@@ -1,5 +1,6 @@
 import { defineComponent, computed, ref, onMounted, openBlock, createBlock, unref, withCtx, createTextVNode, toDisplayString, createVNode, createCommentVNode } from "vue";
 import { Modal, Tabs, TabPane, Button } from "@arco-design/web-vue";
+import { Enum, License } from "@cmstops/utils";
 import _sfc_main$1 from "./components/ViewAllColumn/index.js";
 import _sfc_main$4 from "./components/CompoList/index.js";
 import _sfc_main$6 from "./components/MpAccountList/index.js";
@@ -44,7 +45,20 @@ const _sfc_main = defineComponent({
     const hasSelected = computed(() => {
       return selectedData.value.length > 0;
     });
-    const typeDataController = ref(props.typeData);
+    const typeDataController = computed(() => {
+      const ret = props.typeData;
+      const appList = [
+        { license: "courselearning", key: "addCourse", type: Enum.CheckTypeEnum.MARKET },
+        { license: "maavd", key: "addMpAccount", type: Enum.CheckTypeEnum.MARKET },
+        { license: "maavd", key: "addMpContent", type: Enum.CheckTypeEnum.MARKET }
+      ];
+      appList.forEach((item) => {
+        if (!License.check(item.type, item.license)) {
+          ret[item.key] = false;
+        }
+      });
+      return ret;
+    });
     const setVisible = (bool) => {
       emit("update:visible", bool);
     };

package/es/selectResourceModal/component.js

@@ -1,4 +1,4 @@
-import { defineComponent, openBlock, createElementBlock, createBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createElementVNode, createCommentVNode, createVNode, isRef, Fragment, createTextVNode } from "vue";
+import { defineComponent, watch, openBlock, createElementBlock, createBlock, resolveDynamicComponent, unref, mergeProps, withCtx, createElementVNode, createCommentVNode, createVNode, isRef, Fragment, createTextVNode } from "vue";
 import { Drawer, Modal, Button } from "@arco-design/web-vue";
 import emptyData from "../emptyData/index.js";
 import _sfc_main$1 from "./components/ListTabs/index.js";
@@ -33,7 +33,19 @@ const _sfc_main = defineComponent({
     const emits = __emit;
     const { selected, selectedKeys, disableSelect, handleSelect, handleClear } = useResourceSelect(props);
     const { activeKey, activeComponent, tabKeyList, handelChangeTab } = useTabFilter(props);
-    const { wrapProps, close, submit } = useCompoentLifycycle(props, emits);
+    const { wrapProps, close, submit } = useCompoentLifycycle(props, emits, {
+      onClose: () => {
+        handleClear();
+      }
+    });
+    watch(
+      () => props.visible,
+      (val) => {
+        if (val)
+          activeKey.value = tabKeyList.value[0].key;
+      },
+      { immediate: true }
+    );
     const handleOptions = (options, handleOptions2) => {
       const { key, item } = options;
       if (key === "select-one") {
@@ -70,7 +82,8 @@ const _sfc_main = defineComponent({
                   onClose: unref(close)
                 }, null, 8, ["model-value", "tabList", "onClose"]),
                 createCommentVNode(" \u5217\u8868\u5206\u53D1\u5668 "),
-                (openBlock(), createBlock(resolveDynamicComponent(unref(activeComponent)), {
+                _ctx.visible ? (openBlock(), createBlock(resolveDynamicComponent(unref(activeComponent)), {
+                  key: 0,
                   "active-key": unref(activeKey),
                   onChangeTab: unref(handelChangeTab)
                 }, {
@@ -136,7 +149,7 @@ const _sfc_main = defineComponent({
                     ], 64))
                   ]),
                   _: 1
-                }, 40, ["active-key", "onChangeTab"]))
+                }, 40, ["active-key", "onChangeTab"])) : createCommentVNode("v-if", true)
               ])) : (openBlock(), createBlock(unref(emptyData), {
                 key: 1,
                 type: "empty",

package/es/selectResourceModal/scripts/useCompoLf.d.ts

@@ -1,9 +1,13 @@
-export default function useCompoentLifycycle(props: any, emits: any): {
+declare type LifeCycleHandler = {
+    onClose: () => void;
+};
+export default function useCompoentLifycycle(props: any, emits: any, handler?: LifeCycleHandler): {
     wrapProps: import("vue").ComputedRef<{
         class: string;
         header: boolean;
         width: string;
         footer: boolean;
+        unmountOnClose: boolean;
         bodyClass?: undefined;
         closable?: undefined;
         hideTitle?: undefined;
@@ -13,9 +17,11 @@ export default function useCompoentLifycycle(props: any, emits: any): {
         closable: boolean;
         hideTitle: boolean;
         footer: boolean;
+        unmountOnClose: boolean;
         class?: undefined;
         header?: undefined;
     }>;
-    close: () => any;
+    close: () => void;
     submit: (data: any, ...args: any) => void;
 };
+export {};

package/es/selectResourceModal/scripts/useCompoLf.js

@@ -1,6 +1,6 @@
 import { computed, provide } from "vue";
 import { DEFAULT_BASE_API } from "../../config.js";
-function useCompoentLifycycle(props, emits) {
+function useCompoentLifycycle(props, emits, handler) {
   const BASE_API = props.BASE_API || DEFAULT_BASE_API;
   const wrapProps = computed(() => {
     if (props.wrap === "drawer") {
@@ -8,7 +8,8 @@ function useCompoentLifycycle(props, emits) {
         class: "resource-select-drawer",
         header: false,
         width: "1024px",
-        footer: false
+        footer: false,
+        unmountOnClose: true
       };
     }
     return {
@@ -16,7 +17,8 @@ function useCompoentLifycycle(props, emits) {
       width: "986px",
       closable: false,
       hideTitle: false,
-      footer: false
+      footer: false,
+      unmountOnClose: true
     };
   });
   provide("baseAPI", BASE_API);
@@ -25,12 +27,16 @@ function useCompoentLifycycle(props, emits) {
   provide("mediaUseType", computed(() => props.mediaUseType));
   provide("aiThumbList", computed(() => props.aiThumbList));
   provide("videoThumbOptions", computed(() => props.videoThumbOptions));
+  function close() {
+    emits("update:visible", false);
+    handler == null ? void 0 : handler.onClose();
+  }
   return {
     wrapProps,
-    close: () => emits("update:visible", false),
+    close,
     submit: (data, ...args) => {
       emits("submit", JSON.parse(JSON.stringify(data)), ...args);
-      emits("update:visible", false);
+      close();
     }
   };
 }

package/es/selectResourceModal/scripts/useTabFilter.js

@@ -26,7 +26,6 @@ function useTabFilter(props) {
       keys.unshift("ai");
     if (videoThumbOptions)
       keys.unshift("video");
-    [activeKey.value] = keys;
     return keys.map((key) => ({
       key,
       title: TAB_DICT[key].title

package/lib/contentModal/component.js

@@ -1,6 +1,7 @@
 "use strict";
 var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
+var utils = require("@cmstops/utils");
 var index = require("./components/ViewAllColumn/index.js");
 var index$3 = require("./components/CompoList/index.js");
 var index$5 = require("./components/MpAccountList/index.js");
@@ -45,7 +46,20 @@ const _sfc_main = vue.defineComponent({
     const hasSelected = vue.computed(() => {
       return selectedData.value.length > 0;
     });
-    const typeDataController = vue.ref(props.typeData);
+    const typeDataController = vue.computed(() => {
+      const ret = props.typeData;
+      const appList = [
+        { license: "courselearning", key: "addCourse", type: utils.Enum.CheckTypeEnum.MARKET },
+        { license: "maavd", key: "addMpAccount", type: utils.Enum.CheckTypeEnum.MARKET },
+        { license: "maavd", key: "addMpContent", type: utils.Enum.CheckTypeEnum.MARKET }
+      ];
+      appList.forEach((item) => {
+        if (!utils.License.check(item.type, item.license)) {
+          ret[item.key] = false;
+        }
+      });
+      return ret;
+    });
     const setVisible = (bool) => {
       emit("update:visible", bool);
     };

package/lib/selectResourceModal/component.js

@@ -34,7 +34,19 @@ const _sfc_main = vue.defineComponent({
     const emits = __emit;
     const { selected, selectedKeys, disableSelect, handleSelect, handleClear } = useResourceSelect.useResourceSelect(props);
     const { activeKey, activeComponent, tabKeyList, handelChangeTab } = useTabFilter(props);
-    const { wrapProps, close, submit } = useCompoLf(props, emits);
+    const { wrapProps, close, submit } = useCompoLf(props, emits, {
+      onClose: () => {
+        handleClear();
+      }
+    });
+    vue.watch(
+      () => props.visible,
+      (val) => {
+        if (val)
+          activeKey.value = tabKeyList.value[0].key;
+      },
+      { immediate: true }
+    );
     const handleOptions = (options, handleOptions2) => {
       const { key, item } = options;
       if (key === "select-one") {
@@ -71,7 +83,8 @@ const _sfc_main = vue.defineComponent({
                   onClose: vue.unref(close)
                 }, null, 8, ["model-value", "tabList", "onClose"]),
                 vue.createCommentVNode(" \u5217\u8868\u5206\u53D1\u5668 "),
-                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(activeComponent)), {
+                _ctx.visible ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(vue.unref(activeComponent)), {
+                  key: 0,
                   "active-key": vue.unref(activeKey),
                   onChangeTab: vue.unref(handelChangeTab)
                 }, {
@@ -137,7 +150,7 @@ const _sfc_main = vue.defineComponent({
                     ], 64))
                   ]),
                   _: 1
-                }, 40, ["active-key", "onChangeTab"]))
+                }, 40, ["active-key", "onChangeTab"])) : vue.createCommentVNode("v-if", true)
               ])) : (vue.openBlock(), vue.createBlock(vue.unref(index$2), {
                 key: 1,
                 type: "empty",

package/lib/selectResourceModal/scripts/useCompoLf.js

@@ -1,7 +1,7 @@
 "use strict";
 var vue = require("vue");
 var config = require("../../config.js");
-function useCompoentLifycycle(props, emits) {
+function useCompoentLifycycle(props, emits, handler) {
   const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
   const wrapProps = vue.computed(() => {
     if (props.wrap === "drawer") {
@@ -9,7 +9,8 @@ function useCompoentLifycycle(props, emits) {
         class: "resource-select-drawer",
         header: false,
         width: "1024px",
-        footer: false
+        footer: false,
+        unmountOnClose: true
       };
     }
     return {
@@ -17,7 +18,8 @@ function useCompoentLifycycle(props, emits) {
       width: "986px",
       closable: false,
       hideTitle: false,
-      footer: false
+      footer: false,
+      unmountOnClose: true
     };
   });
   vue.provide("baseAPI", BASE_API);
@@ -26,12 +28,16 @@ function useCompoentLifycycle(props, emits) {
   vue.provide("mediaUseType", vue.computed(() => props.mediaUseType));
   vue.provide("aiThumbList", vue.computed(() => props.aiThumbList));
   vue.provide("videoThumbOptions", vue.computed(() => props.videoThumbOptions));
+  function close() {
+    emits("update:visible", false);
+    handler == null ? void 0 : handler.onClose();
+  }
   return {
     wrapProps,
-    close: () => emits("update:visible", false),
+    close,
     submit: (data, ...args) => {
       emits("submit", JSON.parse(JSON.stringify(data)), ...args);
-      emits("update:visible", false);
+      close();
     }
   };
 }

package/lib/selectResourceModal/scripts/useTabFilter.js

@@ -27,7 +27,6 @@ function useTabFilter(props) {
       keys.unshift("ai");
     if (videoThumbOptions)
       keys.unshift("video");
-    [activeKey.value] = keys;
     return keys.map((key) => ({
       key,
       title: TAB_DICT[key].title

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmstops/pro-compo",
-  "version": "0.3.72",
+  "version": "0.3.73-beta",
   "description": "",
   "keywords": [
     "vue",
@@ -133,5 +133,8 @@
     "es",
     "lib",
     "dist"
-  ]
+  ],
+  "dependencies": {
+    "@cmstops/utils": "^1.0.4"
+  }
 }