@cmstops/pro-compo 3.9.2-alpha.21 → 3.9.2-alpha.23

package/lib/selectAddTo/component.js

@@ -1,26 +1,19 @@
 "use strict";
 var vue = require("vue");
-var webVue = require("@arco-design/web-vue");
-var index = require("./components/ViewAllColumn/index.js");
-require("../typeIcons/style/index.js");
+var SelectAddToView = require("./components/SelectAddToView.js");
 var useSelectAddToState = require("./script/useSelectAddToState.js");
 require("./component.vue_vue_type_style_index_0_scoped_true_lang.js");
 var pluginVue_exportHelper = require("../_virtual/plugin-vue_export-helper.js");
 const _sfc_main = vue.defineComponent({
-  ...{ name: "selectAddTo" },
+  ...{ name: "SelectAddTo" },
   __name: "component",
   props: {
-    BASE_API: {},
     visible: { type: Boolean },
-    title: {},
-    outsideSelectData: {},
-    defaultSelectedData: {},
+    rid: {},
     maxSelect: {},
-    typeData: {},
     userStore: {},
-    compoFilter: { type: Boolean, default: false },
-    typeKey: {},
-    rid: {}
+    BASE_API: {},
+    typeKey: {}
   },
   emits: ["update:visible", "comfirm"],
   setup(__props, { emit: __emit }) {
@@ -28,100 +21,28 @@ const _sfc_main = vue.defineComponent({
     const props = __props;
     const {
       visible,
-      title,
       selectedData,
-      hasSelected,
-      typeDataController,
-      userInfo,
-      handleOk,
-      handleCancel,
-      comfirm,
-      HandleOpen,
-      HandleClose,
-      tabsChange,
-      selectedDataChangeHandle,
-      loadConfig,
-      getUserInfoHandle
+      onOk,
+      onCancel,
+      onComfirm,
+      onClose,
+      onSelectedDataChange
     } = useSelectAddToState.useSelectAddToState(props, emit);
-    vue.onMounted(() => {
-      if (props.userStore) {
-        userInfo.value = { BASE_API: props.BASE_API, ...props.userStore };
-      } else {
-        getUserInfoHandle();
-      }
-      loadConfig();
-    });
     return (_ctx, _cache) => {
-      const _component_storeBox = vue.resolveComponent("storeBox");
-      return vue.openBlock(), vue.createBlock(vue.unref(webVue.Modal), {
-        footer: false,
-        "mask-closable": false,
+      return vue.openBlock(), vue.createBlock(SelectAddToView, {
         visible: vue.unref(visible),
-        "body-class": "add-content-modal-body",
-        "modal-class": "add-content-modal-wrapper",
-        "title-align": "start",
-        "unmount-on-close": "",
-        width: "1020px",
-        onCancel: vue.unref(handleCancel),
-        onClose: vue.unref(HandleClose),
-        onOk: vue.unref(handleOk),
-        onOpen: vue.unref(HandleOpen)
-      }, {
-        title: vue.withCtx(() => [
-          vue.createTextVNode(vue.toDisplayString(vue.unref(title)), 1)
-        ]),
-        default: vue.withCtx(() => [
-          vue.createVNode(vue.unref(webVue.Tabs), {
-            class: "content-tabs",
-            justify: "",
-            "lazy-load": "",
-            onTabClick: vue.unref(tabsChange)
-          }, {
-            default: vue.withCtx(() => {
-              var _a, _b;
-              return [
-                _ctx.rid ? (vue.openBlock(), vue.createBlock(index, {
-                  key: 0,
-                  rid: _ctx.rid,
-                  "default-selected-data": vue.unref(selectedData),
-                  "max-select": _ctx.maxSelect,
-                  "user-info": vue.unref(userInfo),
-                  "type-key": _ctx.typeKey || "",
-                  "type-data": vue.unref(typeDataController),
-                  series: ((_a = vue.unref(typeDataController)) == null ? void 0 : _a.docSeries) || "all",
-                  banner: ((_b = vue.unref(typeDataController)) == null ? void 0 : _b.docBanner) || "all",
-                  onChange: vue.unref(selectedDataChangeHandle)
-                }, {
-                  store: vue.withCtx(() => [
-                    vue.createVNode(_component_storeBox, {
-                      selectData: vue.unref(selectedData),
-                      "onUpdate:selectData": _cache[0] || (_cache[0] = ($event) => vue.isRef(selectedData) ? selectedData.value = $event : null)
-                    }, null, 8, ["selectData"])
-                  ]),
-                  options: vue.withCtx(() => [
-                    vue.createVNode(vue.unref(webVue.Button), {
-                      disabled: !vue.unref(hasSelected),
-                      type: "primary",
-                      onClick: vue.unref(comfirm)
-                    }, {
-                      default: vue.withCtx(() => _cache[1] || (_cache[1] = [
-                        vue.createTextVNode(" \u6DFB\u52A0 ")
-                      ])),
-                      _: 1,
-                      __: [1]
-                    }, 8, ["disabled", "onClick"])
-                  ]),
-                  _: 1
-                }, 8, ["rid", "default-selected-data", "max-select", "user-info", "type-key", "type-data", "series", "banner", "onChange"])) : vue.createCommentVNode("v-if", true)
-              ];
-            }),
-            _: 1
-          }, 8, ["onTabClick"])
-        ]),
-        _: 1
-      }, 8, ["visible", "onCancel", "onClose", "onOk", "onOpen"]);
+        rid: props.rid,
+        "selected-data": vue.unref(selectedData),
+        "max-select": props.maxSelect,
+        "type-key": props.typeKey,
+        onCancel: vue.unref(onCancel),
+        onClose: vue.unref(onClose),
+        onOk: vue.unref(onOk),
+        onSelectedChange: vue.unref(onSelectedDataChange),
+        onComfirm: vue.unref(onComfirm)
+      }, null, 8, ["visible", "rid", "selected-data", "max-select", "type-key", "onCancel", "onClose", "onOk", "onSelectedChange", "onComfirm"]);
     };
   }
 });
-var _selectAddTo = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["__scopeId", "data-v-4e1a01f6"]]);
+var _selectAddTo = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["__scopeId", "data-v-7f81762c"]]);
 module.exports = _selectAddTo;

package/lib/selectAddTo/components/SelectAddToView.js

@@ -0,0 +1,92 @@
+"use strict";
+var vue = require("vue");
+var webVue = require("@arco-design/web-vue");
+var index = require("./ViewAllColumn/index.js");
+var index$1 = require("../../contentModal/components/storeBox/index.js");
+require("./SelectAddToView.vue_vue_type_style_index_0_scoped_true_lang.js");
+var pluginVue_exportHelper = require("../../_virtual/plugin-vue_export-helper.js");
+const _sfc_main = vue.defineComponent({
+  __name: "SelectAddToView",
+  props: {
+    visible: { type: Boolean },
+    rid: {},
+    selectedData: {},
+    maxSelect: {},
+    typeKey: {}
+  },
+  emits: [
+    "cancel",
+    "close",
+    "ok",
+    "open",
+    "selected-change",
+    "comfirm"
+  ],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const hasSelected = vue.computed(
+      () => props.selectedData && props.selectedData.length > 0
+    );
+    function handleComfirm() {
+      emit("comfirm");
+    }
+    function handleSelectedDataChange(val) {
+      emit("selected-change", val);
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(webVue.Modal), {
+        footer: false,
+        "mask-closable": false,
+        visible: _ctx.visible,
+        "body-style": { maxHeight: "700px" },
+        "body-class": "add-content-modal-body",
+        "modal-class": "add-content-modal-wrapper",
+        "title-align": "start",
+        "unmount-on-close": "",
+        width: "1020px",
+        onCancel: _cache[1] || (_cache[1] = () => emit("cancel")),
+        onClose: _cache[2] || (_cache[2] = () => emit("close")),
+        onOk: _cache[3] || (_cache[3] = () => emit("ok"))
+      }, {
+        title: vue.withCtx(() => _cache[4] || (_cache[4] = [
+          vue.createTextVNode("\u9009\u62E9\u6DFB\u52A0")
+        ])),
+        default: vue.withCtx(() => [
+          _ctx.rid ? (vue.openBlock(), vue.createBlock(index, {
+            key: 0,
+            rid: _ctx.rid,
+            "default-selected-data": _ctx.selectedData,
+            "max-select": _ctx.maxSelect,
+            "type-key": _ctx.typeKey || "",
+            onChange: handleSelectedDataChange
+          }, {
+            store: vue.withCtx(() => [
+              vue.createVNode(index$1, {
+                selectData: _ctx.selectedData,
+                "onUpdate:selectData": _cache[0] || (_cache[0] = (val) => emit("selected-change", val))
+              }, null, 8, ["selectData"])
+            ]),
+            options: vue.withCtx(() => [
+              vue.createVNode(vue.unref(webVue.Button), {
+                disabled: !hasSelected.value,
+                type: "primary",
+                onClick: handleComfirm
+              }, {
+                default: vue.withCtx(() => _cache[5] || (_cache[5] = [
+                  vue.createTextVNode(" \u6DFB\u52A0 ")
+                ])),
+                _: 1,
+                __: [5]
+              }, 8, ["disabled"])
+            ]),
+            _: 1
+          }, 8, ["rid", "default-selected-data", "max-select", "type-key"])) : vue.createCommentVNode("v-if", true)
+        ]),
+        _: 1
+      }, 8, ["visible"]);
+    };
+  }
+});
+var SelectAddToView = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["__scopeId", "data-v-00adfb7c"]]);
+module.exports = SelectAddToView;

package/lib/selectAddTo/components/SelectAddToView.vue_vue_type_style_index_0_scoped_true_lang.js

@@ -0,0 +1,3 @@
+"use strict";
+var SelectAddToView_vue_vue_type_style_index_0_scoped_true_lang = "";
+module.exports = SelectAddToView_vue_vue_type_style_index_0_scoped_true_lang;

package/lib/selectAddTo/components/ViewAllColumn/MediaFilter/index.js

@@ -14,10 +14,7 @@ const _sfc_main = vue.defineComponent({
   props: {
     groupId: {},
     tree: { default: () => [] },
-    series: { default: "all" },
-    banner: { default: "all" },
     height: {},
-    userInfo: {},
     typeKey: {}
   },
   emits: ["update:group_id", "search"],
@@ -149,7 +146,7 @@ const _sfc_main = vue.defineComponent({
             modelValue: filter.value.order,
             "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.order = $event),
             class: "filter-item",
-            placeholder: "\u53D1\u5E03\u65F6\u95F4"
+            placeholder: "\u521B\u5EFA\u65F6\u95F4"
           }, {
             default: vue.withCtx(() => [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(sortMethodOptions.value, (item) => {

package/lib/selectAddTo/components/ViewAllColumn/index.js

@@ -33,11 +33,7 @@ const _sfc_main = vue.defineComponent({
   ...{ name: "ViewAllColumn" },
   __name: "index",
   props: {
-    maxSelect: {},
     defaultSelectedData: {},
-    typeData: {},
-    series: {},
-    banner: {},
     userInfo: {},
     typeKey: {},
     rid: {}
@@ -63,12 +59,14 @@ const _sfc_main = vue.defineComponent({
       search,
       pageChangeHandle,
       loadData,
-      loadMore
+      loadMore,
+      filter
     } = useViewAllColumnState.useViewAllColumnState(props, emit);
     const { columns, politicalColumns } = useTableColumns.useTableColumns(
       props,
       selectedData,
-      isItemChecked
+      isItemChecked,
+      filter
     );
     vue.onMounted(() => {
       loadData();
@@ -95,17 +93,10 @@ const _sfc_main = vue.defineComponent({
             onCellMouseEnter: vue.unref(tableCellMouseEnter),
             onCellMouseLeave: vue.unref(tableCellMouseLeave),
             onRowClick: vue.unref(selectTableCell)
-          }, {
+          }, vue.createSlots({
             "expand-icon": vue.withCtx(({ expanded }) => [
               !expanded ? (vue.openBlock(), vue.createBlock(vue.unref(icon.IconRight), { key: 0 })) : (vue.openBlock(), vue.createBlock(vue.unref(icon.IconDown), { key: 1 }))
             ]),
-            selectTitle: vue.withCtx(() => [
-              vue.createVNode(vue.unref(webVue.Checkbox), {
-                "model-value": vue.unref(selectedData).length === vue.unref(mediaFileData).length,
-                class: "icon",
-                onChange: vue.unref(selectTableAll)
-              }, null, 8, ["model-value", "onChange"])
-            ]),
             select: vue.withCtx(({ record }) => [
               vue.createVNode(vue.unref(webVue.Checkbox), {
                 "model-value": vue.unref(isItemChecked)(vue.unref(selectedData), record),
@@ -135,8 +126,20 @@ const _sfc_main = vue.defineComponent({
                 vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(index$1.timeFormat)(record.pub_time)), 1)
               ])
             ]),
-            _: 1
-          }, 8, ["columns", "data", "loading", "load-more", "onCellMouseEnter", "onCellMouseLeave", "onRowClick"])
+            _: 2
+          }, [
+            _ctx.typeKey !== "series:special_v3" ? {
+              name: "selectTitle",
+              fn: vue.withCtx(() => [
+                vue.createVNode(vue.unref(webVue.Checkbox), {
+                  "model-value": vue.unref(selectedData).length === vue.unref(mediaFileData).length,
+                  class: "icon",
+                  onChange: vue.unref(selectTableAll)
+                }, null, 8, ["model-value", "onChange"])
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1032, ["columns", "data", "loading", "load-more", "onCellMouseEnter", "onCellMouseLeave", "onRowClick"])
         ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
           vue.createVNode(vue.unref(webVue.Table), {
             bordered: false,
@@ -206,5 +209,5 @@ const _sfc_main = vue.defineComponent({
     };
   }
 });
-var ViewAllColumn = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["__scopeId", "data-v-ac92e0de"]]);
+var ViewAllColumn = /* @__PURE__ */ pluginVue_exportHelper(_sfc_main, [["__scopeId", "data-v-01c2d0b8"]]);
 module.exports = ViewAllColumn;

package/lib/selectAddTo/components/ViewAllColumn/script/useTableColumns.js

@@ -2,17 +2,22 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 var vue = require("vue");
 var webVue = require("@arco-design/web-vue");
-const useTableColumns = (props, selectedData, isItemChecked) => {
+var dayjs = require("dayjs");
+function _interopDefaultLegacy(e) {
+  return e && typeof e === "object" && "default" in e ? e : { "default": e };
+}
+var dayjs__default = /* @__PURE__ */ _interopDefaultLegacy(dayjs);
+const useTableColumns = (props, selectedData, isItemChecked, filter) => {
   const columns = vue.ref([
     {
-      title: "\u52FE",
+      title: "",
       dataIndex: "select",
       slotName: "select",
       width: 40,
       titleSlotName: "selectTitle",
       render: ({ record }) => {
         if (props.typeKey === "series:special_v3") {
-          if (record.isLeaf) {
+          if (record.isLeaf && record.parentId) {
             return vue.h(webVue.Checkbox, {
               modelValue: isItemChecked.value(selectedData.value, record),
               class: "icon"
@@ -39,10 +44,33 @@ const useTableColumns = (props, selectedData, isItemChecked) => {
       width: 100
     },
     {
-      title: "\u53D1\u5E03\u65F6\u95F4",
-      dataIndex: "pub_time",
+      title: vue.computed(() => {
+        var _a;
+        return ((_a = filter.value) == null ? void 0 : _a.order) === "pub_time" ? "\u53D1\u5E03\u65F6\u95F4" : "\u521B\u5EFA\u65F6\u95F4";
+      }),
+      dataIndex: vue.computed(
+        () => {
+          var _a;
+          return ((_a = filter.value) == null ? void 0 : _a.order) === "pub_time" ? "pub_time" : "created_at";
+        }
+      ),
       slotName: "pub_time",
-      width: 150
+      width: 150,
+      render: ({ record }) => {
+        var _a;
+        if (((_a = filter.value) == null ? void 0 : _a.order) === "pub_time") {
+          const raw2 = record.pub_time;
+          if (!raw2)
+            return "--";
+          const d2 = typeof raw2 === "number" || /^\d+$/.test(raw2) ? dayjs__default["default"].unix(Number(raw2)) : dayjs__default["default"](raw2);
+          return d2.isValid() ? d2.format("YYYY-M-D HH:mm") : raw2;
+        }
+        const raw = record.created_at;
+        if (!raw)
+          return "--";
+        const d = dayjs__default["default"](raw);
+        return d.isValid() ? d.format("YYYY-M-D HH:mm") : raw;
+      }
     }
   ]);
   const politicalColumns = vue.ref([

package/lib/selectAddTo/components/ViewAllColumn/script/useViewAllColumnState.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 var vue = require("vue");
-var webVue = require("@arco-design/web-vue");
 var config = require("../../../../config.js");
 var api = require("../../../script/api.js");
 var batch = require("../../../../hooks/batch.js");
@@ -24,14 +23,11 @@ const useViewAllColumnState = (props, emit) => {
       selectedData.value = val;
     }
   );
-  const importantBanner = vue.computed(() => {
-    if (!props.banner || props.banner === "all")
-      return false;
-    return !!props.banner;
-  });
   const { isItemChecked, tableCellMouseEnter, tableCellMouseLeave } = batch();
   const selectTableCell = (record) => {
-    selectData(record);
+    if (props.typeKey === "series:special_v3" ? record.isLeaf && record.parentId : true) {
+      selectData(record);
+    }
   };
   const selectTableAll = (checked) => {
     if (checked) {
@@ -43,12 +39,6 @@ const useViewAllColumnState = (props, emit) => {
     emitChange();
   };
   const selectData = (record) => {
-    if (importantBanner.value) {
-      const { cover } = record;
-      if (!(cover == null ? void 0 : cover.banner)) {
-        return webVue.Message.warning({ content: "\u8BE5\u5185\u5BB9\u4E0D\u5177\u5907\u72EC\u7ACB\u8F6E\u64AD\u56FE" });
-      }
-    }
     addDataToSelectedList(record);
     return true;
   };
@@ -170,7 +160,6 @@ const useViewAllColumnState = (props, emit) => {
         );
       }, 2e3);
     } catch (error) {
-      console.error("Failed to load more data:", error);
       done([]);
     }
   };

package/lib/selectAddTo/index.js

@@ -1,18 +1,8 @@
 "use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 var component = require("./component.js");
-var index = require("./components/ViewAllColumn/index.js");
-var index$1 = require("./components/ViewAllColumn/MediaFilter/index.js");
-var index$2 = require("./components/ViewAllColumn/columnTree/index.js");
 const selectAddTo = Object.assign(component, {
   install: (app) => {
-    app.component("SelectAddTo", component);
-    app.component("ViewAllColumn", index);
-    app.component("MediaFilter", index$1);
-    app.component("ColumnTree", index$2);
+    app.component(component.name, component);
   }
 });
-exports.ViewAllColumn = index;
-exports.MediaFilter = index$1;
-exports.ColumnTree = index$2;
-exports["default"] = selectAddTo;
+module.exports = selectAddTo;

package/lib/selectAddTo/script/api.js

@@ -1,12 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 var request = require("../../utils/request.js");
-function getCategoryPath(BASE_API, params) {
-  return request(BASE_API, {
-    url: `/poplar/v2/repo/${params == null ? void 0 : params.repo}/category/${params == null ? void 0 : params.category}/path`,
-    method: "get"
-  });
-}
 function getCategoryMediaNew(BASE_API, params) {
   return request(BASE_API, {
     url: `/poplar/v3/s/documents`,
@@ -28,15 +22,6 @@ function getMlists(BASE_API, params) {
     params
   });
 }
-function getConfigurationNew(BASE_API, params) {
-  return request(BASE_API, {
-    url: "/poplar/v2/configuration",
-    method: "get",
-    params
-  });
-}
 exports.getCategoryMediaNew = getCategoryMediaNew;
-exports.getCategoryPath = getCategoryPath;
-exports.getConfigurationNew = getConfigurationNew;
 exports.getMlists = getMlists;
 exports.getPoliticals = getPoliticals;

package/lib/selectAddTo/script/useSelectAddToState.js

@@ -1,22 +1,18 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 var vue = require("vue");
-var api = require("./api.js");
 var config = require("../../config.js");
-var user = require("../../hooks/user.js");
 const useSelectAddToState = (props, emit) => {
-  const BASE_API = props.BASE_API || config.DEFAULT_BASE_API;
+  props.BASE_API || config.DEFAULT_BASE_API;
   const visible = vue.computed({
     get() {
       return props.visible;
     },
     set(value) {
-      setVisible(value);
+      emit("update:visible", value);
     }
   });
   const selectedData = vue.ref([]);
-  const configData = vue.ref({});
-  const { userInfo, getUserInfoHandle } = user["default"](BASE_API);
   const title = vue.computed(() => {
     const titleMap = {
       "series:video_album": "\u6DFB\u52A0\u81F3\u89C6\u9891\u5408\u96C6",
@@ -27,82 +23,35 @@ const useSelectAddToState = (props, emit) => {
     return titleMap[props.typeKey || ""] || "";
   });
   const hasSelected = vue.computed(() => selectedData.value.length > 0);
-  const typeDataController = vue.computed(() => {
-    if (!props.typeData)
-      return {};
-    try {
-      return JSON.parse(JSON.stringify(props.typeData));
-    } catch (e) {
-      console.warn("Failed to parse typeData:", e);
-      return {};
-    }
-  });
-  const setVisible = (bool) => {
-    emit("update:visible", bool);
-  };
-  const selectedDataChangeHandle = (data) => {
+  const onSelectedDataChange = (data) => {
     selectedData.value = data;
   };
-  const handleOk = () => {
-    setVisible(false);
+  const onOk = () => {
+    visible.value = false;
   };
-  const handleCancel = () => {
-    setVisible(false);
+  const onCancel = () => {
+    visible.value = false;
   };
-  const comfirm = () => {
+  const onComfirm = () => {
     emit("comfirm", JSON.parse(JSON.stringify(selectedData.value)));
   };
-  const HandleOpen = () => {
-    selectedData.value = props.defaultSelectedData || [];
-  };
-  const HandleClose = () => {
+  const onClose = () => {
     selectedData.value = [];
   };
-  const tabsChange = () => {
+  const onTabChange = () => {
     selectedData.value = [];
   };
-  const loadConfig = async () => {
-    var _a;
-    try {
-      const res = await api.getConfigurationNew(BASE_API, {
-        module: "third_party_services"
-      });
-      if (res.code === 0 && ((_a = res.message) == null ? void 0 : _a.length)) {
-        res.message.forEach((item) => {
-          configData.value[item.key] = JSON.parse(item.value);
-        });
-      }
-    } catch (error) {
-      console.error("Failed to load configuration:", error);
-    }
-  };
-  const checkServiceEnable = (key) => {
-    const data = configData.value[key];
-    if (!data)
-      return false;
-    if (!data.enable && typeof data.enable !== "undefined")
-      return false;
-    return true;
-  };
   return {
     visible,
     title,
     selectedData,
     hasSelected,
-    typeDataController,
-    userInfo,
-    configData,
-    setVisible,
-    selectedDataChangeHandle,
-    handleOk,
-    handleCancel,
-    comfirm,
-    HandleOpen,
-    HandleClose,
-    tabsChange,
-    loadConfig,
-    checkServiceEnable,
-    getUserInfoHandle
+    onSelectedDataChange,
+    onOk,
+    onCancel,
+    onComfirm,
+    onClose,
+    onTabChange
   };
 };
 exports.useSelectAddToState = useSelectAddToState;

package/lib/selectThumb/component.js

@@ -517,15 +517,15 @@ const _sfc_main = vue.defineComponent({
                   }), 128))
                 ]),
                 _: 1
-              }, 8, ["modelValue"])
-            ], 64)) : vue.createCommentVNode("v-if", true),
-            hasCover.value ? (vue.openBlock(), vue.createBlock(colorPalette, {
-              key: 3,
-              "style-data": styleData.value,
-              model: "cover",
-              style: { "margin-top": "10px" },
-              onChange: colorChange
-            }, null, 8, ["style-data"])) : vue.createCommentVNode("v-if", true)
+              }, 8, ["modelValue"]),
+              hasCover.value ? (vue.openBlock(), vue.createBlock(colorPalette, {
+                key: 0,
+                "style-data": styleData.value,
+                model: "cover",
+                style: { "margin-top": "10px" },
+                onChange: colorChange
+              }, null, 8, ["style-data"])) : vue.createCommentVNode("v-if", true)
+            ], 64)) : vue.createCommentVNode("v-if", true)
           ])
         ], 2),
         _ctx.mode === "doc" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cmstops/pro-compo",
-  "version": "3.9.2-alpha.21",
+  "version": "3.9.2-alpha.23",
   "description": "",
   "keywords": [
     "vue",