@cmstops/pro-compo 3.9.1-rc.10 → 3.9.1-rc.12

package/README.md

@@ -1,134 +1,134 @@
-# 智媒管家业务组件库
-
-> 快速上手：[传送门](/docs/get-start.md)
-
-## 模块介绍
-
-业务组件库基于 Vue3 + Storybook 搭建，结合 ArcoDesgin，包含智媒管家平台核心业务相关组件
-
-## 版本规范
-
-关于版本，这里需要提一下
-
-按理论来讲业务组件的版本和产品的版本不应该有强关联（即产品的版本是 3.0，业务组件可以是 1.0）
-但是因为产品的买家（即甲方爸爸）使用的产品可能是 3.1、3.2、3.3...，并且会有强定制的情况
-
-所以这里我们需要有一个约定，以便研发人员更好的溯源 & 协作 & 维护～
-
-当前约定如下：
-
-| 分支类型     | 分支名称                     | 描述                             | 使用位置      | 版本号规则                   |
-| ------------ | ---------------------------- | -------------------------------- | ------------- | ---------------------------- |
-| **主分支**   | main                         | 研发自测完毕并 _可以上线_ 的需求 | 预发布环境    | x.x.x-**rc**.y               |
-| **版本分支** | release/xxx                  | 经过完整测试的需求               | 线上/项目环境 | x.x.x-**stable**.y           |
-| **定制分支** | release/xxx-{{project.name}} | 经过测试的 _定制_ 需求           | 项目环境      | x.x.x-**{{project.name}}**.y |
-| **开发分支** | develop                      | 研发自测完毕的需求               | 测试环境      | x.x.x-**alpha**.y            |
-
-> 所谓 "可以上线"，有两种情况：
->
-> 1. 是指当前产品发布计划中是否有该功能，如果有，则可以合并至 main，否则不可以
-> 2. 该功能是所有版本通用的功能，无论产品版本是多少，都可以合并至 main
-
-### 版本发布示例
-
-假设当前产品版本是 3.2.0
-此时：
-
-- 主分支 main 版本号为 3.2.0-rc.0
-- 版本分支 release/v3.2.0 版本号为 3.2.0-stable.0
-- 开发分支 develop 版本号为 3.2.0-alpha.0
-
-#### 示例 1：当前版本 bug 修复 A 功能和 B 功能
-
-1. 第一步：基于 release/v3.2.0 版本切出：hotfix/v3.2.0-A，hotfix/v3.2.0-B
-2. 第二步：bug-A 修复后，将 hotfix/v3.2.0-A 合并至 develop 自测并发布 3.2.0-alpha.**1**
-3. 第三步：bug-B 修复后，将 hotfix/v3.2.0-B 合并至 develop 自测并发布 3.2.0-alpha.**2**
-4. 第四步：自测完毕后，将 hotfix/v3.2.0-A & hotfix/v3.2.0-B 合并至 main 并发布 3.2.0-rc.**1** 交付测试
-5. 第五步：测试完毕后，将 hotfix/v3.2.0-A & hotfix/v3.2.0-B 合并至 release/v3.2.0 并发布 3.2.0-stable.**1** 交付线上
-
-> 注意：第二步第三步可以分开 publish，也可以都合并到 develop 之后再 publish，因为两个 bug 不一定是同一个人修复，所以会有个先后顺序
-> 但是尽量 rc 和 stable 尽量统一发布，减少版本号的迭代，方便维护和问题追溯
-
-功能分支走向图：
-
-```mermaid
-graph TD
-    A[release/v3.2.0] --> B[hotfix/v3.2.0-A]
-    A --> C[hotfix/v3.2.0-B]
-    B --> D[develop 3.2.0-alpha.1]
-    C --> E[develop 3.2.0-alpha.2]
-    D --> F[main 3.2.0-rc.1]
-    E --> F
-    F --> G[release/v3.2.0 3.2.0-stable.1]
-```
-
-#### 示例 2：历史版本 release/v3.0.0 bug 修复 C 功能
-
-1. 第一步：基于 release/v3.0.0 版本分支切出：hotfix/v3.0.0-C
-2. 第二步：bug-C 修复后，将 hotfix/v3.0.0-C 合并至 develop 自测，并发布 3.2.0-alpha.**3**
-3. 第三步：自测完毕后，将 hotfix/v3.0.0-C 合并至 main 并发布 3.2.0-rc.**2** 交付测试
-4. 第四步：测试完毕后，将 hotfix/v3.0.0-C 合并至 release/v3.0.0、release/v3.0.0、release/v3.1.0、release/v3.2.0；并发布：3.0.0-stable.x、3.1.0-stable.y、3.2.0-stable.**2**
-
-功能分支走向图：
-
-```mermaid
-graph TD
-    A[release/v3.0.0] --> B[hotfix/v3.0.0-C]
-    B --> C[develop 3.2.0-alpha.3]
-    C --> D[main 3.2.0-rc.2]
-    D --> E[release/v3.0.0 3.0.0-stable.x]
-    D --> F[release/v3.1.0 3.1.0-stable.y]
-    D --> G[release/v3.2.0 3.2.0-stable.2]
-```
-
-> 注意：如果是低版本的问题，尽可能的在出问题的版本处理，然后逐层向上合并（如果新版本已经修复并且代码改动较多，有冲突时，解决冲突并保留新版本原逻辑即可）
-> **如果按照社区常见的版本迭代规则，bug 的解决应该是在最新版本，旧版本的代码是不会改动的。**  
-> **但是实际我们自己的业务场景必须低版本也要能解决，为了尽量不去重复写代码，只能去手动的维护一下该操作。**
-
-#### 示例 3：新版本 release/v3.3.0 功能 D 开发
-
-1. 第一步：基于 release/v3.2.0 版本切出：feature/v3.3.0-D
-2. 第二步：Feat-D 开发完毕后，将 feature/v3.3.0-D 合并至 develop 自测，并发布 3.3.0-alpha.**0**
-3. 第三步：自测完毕后，将 feature/v3.3.0-D 合并至 main，并发布 3.3.0-rc.**0**
-4. 第四步：测试完毕后，基于 release/v3.2.0 切出 release/v3.3.0，将 feature/v3.3.0-D 合并至 release/v3.3.0
-
-功能分支走向图：
-
-```mermaid
-graph TD
-    A[release/v3.2.0] --> B[feature/v3.3.0-D]
-    B --> C[develop 3.3.0-alpha.0]
-    C --> D[main 3.3.0-rc.0]
-    A --> E[release/v3.3.0]
-    D --> E
-```
-
-#### 示例 4：通用功能 E 开发
-
-1. 第一步：基于最早版本 release/v3.0.0 切出：feature/v3.0.0-E
-2. 第二步：Feat-E 开发完毕后，将 feature/v3.0.0-E 合并至 develop 自测，并发布 3.3.0-alpha.**1**
-3. 第三步：自测完毕后，将 feature/v3.0.0-E 合并至 main，并发布 3.3.0-rc.**1**
-4. 第四步：测试完毕后，将 feature/v3.0.0-E 合并至 release/v3.0.0、releaes/v3.1.0、release/v3.2.0、release/v3.3.0
-
-> 业务组件库这个项目和其他模块的不同之处在于，如果这里说是新功能
-> 一般是指又抽离出了一个产品的核心业务，而这个核心业务与产品的 **版本** 关联性不强，所有版本均可使用的这种功能
-
-功能分支走向图：
-
-```mermaid
-graph TD
-    A[release/v3.0.0] --> B[feature/v3.0.0-E]
-    B --> C[develop 3.3.0-alpha.1]
-    C --> D[main 3.3.0-rc.1]
-    D --> E[release/v3.0.0]
-    D --> F[release/v3.1.0]
-    D --> G[release/v3.2.0]
-    D --> H[release/v3.3.0]
-```
-
-#### 示例 5：3.1.0 版本 _G_ 项目定制 功能 F 开发
-
-1. 第一步：基于 release/v3.1.0 切出：feature/v3.1.0-G-F
-2. 第二步：Feat-F 开发完毕后，基于 release/v3.1.0 切出 release/v3.1.0-G，将 feature/v3.1.0-G-F 合并至 release/v3.1.0-G，并发布 3.1.0-G.**0**
-
-> 注意：如果有项目有定制，后续的任何通用更新不会覆盖该版本，所以在定制之前需和产品 **再三确认**
+# 智媒管家业务组件库
+
+> 快速上手：[传送门](/docs/get-start.md)
+
+## 模块介绍
+
+业务组件库基于 Vue3 + Storybook 搭建，结合 ArcoDesgin，包含智媒管家平台核心业务相关组件
+
+## 版本规范
+
+关于版本，这里需要提一下
+
+按理论来讲业务组件的版本和产品的版本不应该有强关联（即产品的版本是 3.0，业务组件可以是 1.0）
+但是因为产品的买家（即甲方爸爸）使用的产品可能是 3.1、3.2、3.3...，并且会有强定制的情况
+
+所以这里我们需要有一个约定，以便研发人员更好的溯源 & 协作 & 维护～
+
+当前约定如下：
+
+| 分支类型     | 分支名称                     | 描述                             | 使用位置      | 版本号规则                   |
+| ------------ | ---------------------------- | -------------------------------- | ------------- | ---------------------------- |
+| **主分支**   | main                         | 研发自测完毕并 _可以上线_ 的需求 | 预发布环境    | x.x.x-**rc**.y               |
+| **版本分支** | release/xxx                  | 经过完整测试的需求               | 线上/项目环境 | x.x.x-**stable**.y           |
+| **定制分支** | release/xxx-{{project.name}} | 经过测试的 _定制_ 需求           | 项目环境      | x.x.x-**{{project.name}}**.y |
+| **开发分支** | develop                      | 研发自测完毕的需求               | 测试环境      | x.x.x-**alpha**.y            |
+
+> 所谓 "可以上线"，有两种情况：
+>
+> 1. 是指当前产品发布计划中是否有该功能，如果有，则可以合并至 main，否则不可以
+> 2. 该功能是所有版本通用的功能，无论产品版本是多少，都可以合并至 main
+
+### 版本发布示例
+
+假设当前产品版本是 3.2.0
+此时：
+
+- 主分支 main 版本号为 3.2.0-rc.0
+- 版本分支 release/v3.2.0 版本号为 3.2.0-stable.0
+- 开发分支 develop 版本号为 3.2.0-alpha.0
+
+#### 示例 1：当前版本 bug 修复 A 功能和 B 功能
+
+1. 第一步：基于 release/v3.2.0 版本切出：hotfix/v3.2.0-A，hotfix/v3.2.0-B
+2. 第二步：bug-A 修复后，将 hotfix/v3.2.0-A 合并至 develop 自测并发布 3.2.0-alpha.**1**
+3. 第三步：bug-B 修复后，将 hotfix/v3.2.0-B 合并至 develop 自测并发布 3.2.0-alpha.**2**
+4. 第四步：自测完毕后，将 hotfix/v3.2.0-A & hotfix/v3.2.0-B 合并至 main 并发布 3.2.0-rc.**1** 交付测试
+5. 第五步：测试完毕后，将 hotfix/v3.2.0-A & hotfix/v3.2.0-B 合并至 release/v3.2.0 并发布 3.2.0-stable.**1** 交付线上
+
+> 注意：第二步第三步可以分开 publish，也可以都合并到 develop 之后再 publish，因为两个 bug 不一定是同一个人修复，所以会有个先后顺序
+> 但是尽量 rc 和 stable 尽量统一发布，减少版本号的迭代，方便维护和问题追溯
+
+功能分支走向图：
+
+```mermaid
+graph TD
+    A[release/v3.2.0] --> B[hotfix/v3.2.0-A]
+    A --> C[hotfix/v3.2.0-B]
+    B --> D[develop 3.2.0-alpha.1]
+    C --> E[develop 3.2.0-alpha.2]
+    D --> F[main 3.2.0-rc.1]
+    E --> F
+    F --> G[release/v3.2.0 3.2.0-stable.1]
+```
+
+#### 示例 2：历史版本 release/v3.0.0 bug 修复 C 功能
+
+1. 第一步：基于 release/v3.0.0 版本分支切出：hotfix/v3.0.0-C
+2. 第二步：bug-C 修复后，将 hotfix/v3.0.0-C 合并至 develop 自测，并发布 3.2.0-alpha.**3**
+3. 第三步：自测完毕后，将 hotfix/v3.0.0-C 合并至 main 并发布 3.2.0-rc.**2** 交付测试
+4. 第四步：测试完毕后，将 hotfix/v3.0.0-C 合并至 release/v3.0.0、release/v3.0.0、release/v3.1.0、release/v3.2.0；并发布：3.0.0-stable.x、3.1.0-stable.y、3.2.0-stable.**2**
+
+功能分支走向图：
+
+```mermaid
+graph TD
+    A[release/v3.0.0] --> B[hotfix/v3.0.0-C]
+    B --> C[develop 3.2.0-alpha.3]
+    C --> D[main 3.2.0-rc.2]
+    D --> E[release/v3.0.0 3.0.0-stable.x]
+    D --> F[release/v3.1.0 3.1.0-stable.y]
+    D --> G[release/v3.2.0 3.2.0-stable.2]
+```
+
+> 注意：如果是低版本的问题，尽可能的在出问题的版本处理，然后逐层向上合并（如果新版本已经修复并且代码改动较多，有冲突时，解决冲突并保留新版本原逻辑即可）
+> **如果按照社区常见的版本迭代规则，bug 的解决应该是在最新版本，旧版本的代码是不会改动的。**  
+> **但是实际我们自己的业务场景必须低版本也要能解决，为了尽量不去重复写代码，只能去手动的维护一下该操作。**
+
+#### 示例 3：新版本 release/v3.3.0 功能 D 开发
+
+1. 第一步：基于 release/v3.2.0 版本切出：feature/v3.3.0-D
+2. 第二步：Feat-D 开发完毕后，将 feature/v3.3.0-D 合并至 develop 自测，并发布 3.3.0-alpha.**0**
+3. 第三步：自测完毕后，将 feature/v3.3.0-D 合并至 main，并发布 3.3.0-rc.**0**
+4. 第四步：测试完毕后，基于 release/v3.2.0 切出 release/v3.3.0，将 feature/v3.3.0-D 合并至 release/v3.3.0
+
+功能分支走向图：
+
+```mermaid
+graph TD
+    A[release/v3.2.0] --> B[feature/v3.3.0-D]
+    B --> C[develop 3.3.0-alpha.0]
+    C --> D[main 3.3.0-rc.0]
+    A --> E[release/v3.3.0]
+    D --> E
+```
+
+#### 示例 4：通用功能 E 开发
+
+1. 第一步：基于最早版本 release/v3.0.0 切出：feature/v3.0.0-E
+2. 第二步：Feat-E 开发完毕后，将 feature/v3.0.0-E 合并至 develop 自测，并发布 3.3.0-alpha.**1**
+3. 第三步：自测完毕后，将 feature/v3.0.0-E 合并至 main，并发布 3.3.0-rc.**1**
+4. 第四步：测试完毕后，将 feature/v3.0.0-E 合并至 release/v3.0.0、releaes/v3.1.0、release/v3.2.0、release/v3.3.0
+
+> 业务组件库这个项目和其他模块的不同之处在于，如果这里说是新功能
+> 一般是指又抽离出了一个产品的核心业务，而这个核心业务与产品的 **版本** 关联性不强，所有版本均可使用的这种功能
+
+功能分支走向图：
+
+```mermaid
+graph TD
+    A[release/v3.0.0] --> B[feature/v3.0.0-E]
+    B --> C[develop 3.3.0-alpha.1]
+    C --> D[main 3.3.0-rc.1]
+    D --> E[release/v3.0.0]
+    D --> F[release/v3.1.0]
+    D --> G[release/v3.2.0]
+    D --> H[release/v3.3.0]
+```
+
+#### 示例 5：3.1.0 版本 _G_ 项目定制 功能 F 开发
+
+1. 第一步：基于 release/v3.1.0 切出：feature/v3.1.0-G-F
+2. 第二步：Feat-F 开发完毕后，基于 release/v3.1.0 切出 release/v3.1.0-G，将 feature/v3.1.0-G-F 合并至 release/v3.1.0-G，并发布 3.1.0-G.**0**
+
+> 注意：如果有项目有定制，后续的任何通用更新不会覆盖该版本，所以在定制之前需和产品 **再三确认**

package/es/docHistory/style/index.less

@@ -1,37 +1,37 @@
-@import './docDiffPanel.less';
-@import './docHistoryList.less';
-
-.doc-history-wrap {
-  display: flex;
-  width: 100%;
-  height: 100%;
-  overflow: hidden;
-
-  .doc-diff-panel {
-    flex: 1;
-    height: 100%;
-
-    .doc-diff-panel-wrap {
-      padding: 24px;
-    }
-  }
-
-  .doc-history-list {
-    height: 100%;
-  }
-}
-
-.doc-history-drawer {
-  .arco-drawer-body {
-    padding: 0;
-  }
-
-  .arco-drawer-footer {
-    text-align: left;
-  }
-}
-
-.doc-history-modal-wrap {
-  height: 70vh;
-  padding: 0;
-}
+@import './docDiffPanel.less';
+@import './docHistoryList.less';
+
+.doc-history-wrap {
+  display: flex;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+
+  .doc-diff-panel {
+    flex: 1;
+    height: 100%;
+
+    .doc-diff-panel-wrap {
+      padding: 24px;
+    }
+  }
+
+  .doc-history-list {
+    height: 100%;
+  }
+}
+
+.doc-history-drawer {
+  .arco-drawer-body {
+    padding: 0;
+  }
+
+  .arco-drawer-footer {
+    text-align: left;
+  }
+}
+
+.doc-history-modal-wrap {
+  height: 70vh;
+  padding: 0;
+}

package/es/index.js

@@ -28,3 +28,4 @@ export { default as docPreview } from "./docPreview/index.js";
 export { default as docHistory } from "./docHistory/index.js";
 export { default as videoThumb } from "./videoThumb/index.js";
 export { default as importData } from "./importData/index.js";
+export { default as selectAddTo } from "./selectAddTo/index.js";

package/es/selectAddTo/component.js

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

package/es/selectAddTo/component.vue_vue_type_style_index_0_scoped_true_lang.js

@@ -0,0 +1,2 @@
+var component_vue_vue_type_style_index_0_scoped_true_lang = "";
+export { component_vue_vue_type_style_index_0_scoped_true_lang as default };

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

@@ -0,0 +1,169 @@
+import { defineComponent, ref, computed, watch, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createElementVNode, toDisplayString, createBlock, createCommentVNode } from "vue";
+import { Space, Input, Select, Option, Tooltip } from "@arco-design/web-vue";
+import { IconInfoCircle } from "@arco-design/web-vue/es/icon";
+const _hoisted_1 = { class: "media-filter-container" };
+const _hoisted_2 = { style: { "display": "flex", "align-items": "center", "gap": "5px" } };
+const _hoisted_3 = {
+  key: 0,
+  class: "sort-button"
+};
+const _sfc_main = defineComponent({
+  ...{ name: "MediaFilter" },
+  __name: "index",
+  props: {
+    groupId: {},
+    tree: { default: () => [] },
+    series: { default: "all" },
+    banner: { default: "all" },
+    height: {},
+    userInfo: {},
+    typeKey: {}
+  },
+  emits: ["update:group_id", "search"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const column_id = ref("all");
+    const emit = __emit;
+    const filter = ref({
+      keywords: "",
+      type: "",
+      cover_type: "",
+      banner: "",
+      sort: -1,
+      order: "create_time",
+      wordState: "precision"
+    });
+    const wordStateOptions = [
+      {
+        value: "precision",
+        label: "\u7CBE\u51C6\u641C",
+        desc: "\u4F1A\u4EE5\u8F93\u5165\u7684\u5B8C\u6574\u5173\u952E\u8BCD\u201C\u6210\u957F\u201D\u8FDB\u884C\u641C\u7D22\uFF0C\u641C\u7D22\u7ED3\u679C\u5173\u8054\u6027\u66F4\u9AD8\uFF0C\u4F46\u641C\u7D22\u7ED3\u679C\u66F4\u5C11"
+      },
+      {
+        value: "blur",
+        label: "\u6A21\u7CCA\u641C",
+        desc: "\u4F1A\u5C06\u8F93\u5165\u5185\u5BB9\u5206\u8BCD\uFF0C\u4F8B\u5982\u201C\u6210\u957F\u201D\u4F1A\u5206\u4E3A\u201C\u6210\u201D\u3001\u201C\u957F\u201D\u3001\u201C\u6210\u957F\u201D\uFF0C\u5185\u5BB9\u5305\u542B\u4E09\u4E2A\u8BCD\u4E2D\u4EFB\u610F\u4E00\u4E2A\u5747\u4F1A\u663E\u793A\u51FA\u6765\uFF0C\u641C\u7D22\u5185\u5BB9\u66F4\u52A0\u4E30\u5BCC"
+      }
+    ];
+    const sortMethodOptions = computed(() => {
+      return [
+        { value: "pub_time", label: "\u53D1\u5E03\u65F6\u95F4" },
+        { value: "create_time", label: "\u521B\u5EFA\u65F6\u95F4" }
+      ];
+    });
+    const checkout = (type) => {
+      filter.value.wordState = type;
+    };
+    const handleSearch = () => {
+      const params = JSON.parse(JSON.stringify(filter.value));
+      if (filter.value.wordState === "precision") {
+        params.precise_kw = params.keywords;
+        delete params.keywords;
+      }
+      delete params.wordState;
+      emit("search", params);
+    };
+    watch(
+      () => filter.value,
+      () => {
+        handleSearch();
+      },
+      { deep: true }
+    );
+    watch(
+      () => props.groupId,
+      (val) => {
+        column_id.value = val;
+      }
+    );
+    watch(
+      () => props.banner,
+      (val) => {
+        filter.value.banner = val === "all" ? "" : val;
+      },
+      { immediate: true }
+    );
+    watch(
+      () => column_id.value,
+      (val) => {
+        emit("update:group_id", val);
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(Space), { size: "small" }, {
+          default: withCtx(() => [
+            createVNode(unref(Input), {
+              modelValue: filter.value.keywords,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => filter.value.keywords = $event),
+              "allow-clear": "",
+              class: "filter-item keyword",
+              placeholder: "\u8BF7\u8F93\u5165\u5185\u5BB9\u6807\u9898",
+              style: { width: "240px" },
+              onPressEnter: handleSearch
+            }, {
+              prepend: withCtx(() => [
+                createVNode(unref(Select), {
+                  modelValue: filter.value.wordState,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => filter.value.wordState = $event),
+                  placeholder: "\u8BF7\u9009\u62E9",
+                  onSelect: checkout
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(), createElementBlock(Fragment, null, renderList(wordStateOptions, (item, index) => {
+                      return createVNode(unref(Option), {
+                        key: index,
+                        value: item.value,
+                        label: item.label
+                      }, {
+                        default: withCtx(() => [
+                          createElementVNode("div", _hoisted_2, [
+                            createElementVNode("span", null, toDisplayString(item.label), 1),
+                            createVNode(unref(Tooltip), {
+                              effect: "dark",
+                              content: item.desc,
+                              position: "right"
+                            }, {
+                              default: withCtx(() => [
+                                createVNode(unref(IconInfoCircle))
+                              ]),
+                              _: 2
+                            }, 1032, ["content"])
+                          ])
+                        ]),
+                        _: 2
+                      }, 1032, ["value", "label"]);
+                    }), 64))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        _ctx.typeKey && _ctx.typeKey !== "ZQ" ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          createVNode(unref(Select), {
+            modelValue: filter.value.order,
+            "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => filter.value.order = $event),
+            class: "filter-item",
+            placeholder: "\u521B\u5EFA\u65F6\u95F4"
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(sortMethodOptions.value, (item) => {
+                return openBlock(), createBlock(unref(Option), {
+                  key: item.value,
+                  label: item.label,
+                  value: item.value
+                }, null, 8, ["label", "value"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ])) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+export { _sfc_main as default };