@ctzy-web-client/plugin-component-vue 1.0.22 → 1.0.24

package/es/pct-filter-panel/pct-filter-panel.mjs

@@ -1,251 +1,271 @@
-import { defineComponent, watch, provide, reactive, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot, Fragment, renderList, createVNode, withCtx, createBlock, createCommentVNode, normalizeStyle, toDisplayString, isRef, createElementVNode, withModifiers, createTextVNode } from 'vue';
+import { watch, provide, reactive, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot, Fragment, renderList, createVNode, withCtx, createBlock, createCommentVNode, normalizeStyle, toDisplayString, isRef, createElementVNode, withModifiers, createTextVNode } from 'vue';
 import { useNamespace, filterPanelKey } from '@ctzy-web-client/web-base-client-vue';
 import { useFilterPanel } from './use-filter-panel.mjs';
 import PctFilterPanelItem from './pct-filter-panel-item.mjs';
 import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
 
-const __default__ = defineComponent({
-  name: "BwaPctFilterPanel"
-});
-const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
-  props: {
-    dataTable: {
-      type: Object
-    },
-    showSearch: {
-      type: Boolean,
-      default: false
-    },
-    showFieldOptions: {
-      type: Boolean,
-      default: true
-    },
-    searchAttr: {
-      type: String,
-      default: "search"
-    },
-    searchPlaceholder: {
-      type: String,
-      default: ""
-    },
-    searchFields: {
-      type: Array,
-      default: () => []
-    },
-    showTitle: {
-      type: Boolean,
-      default: false
-    },
-    searchTitle: {
-      type: String,
-      default: "\u6807\u9898\u540D\u79F0"
-    },
-    filterPanelLineNum: {
-      type: Number
-    }
-  },
-  emits: ["reset", "filter"],
+const _sfc_main = {
+  __name: 'pct-filter-panel',
+  props: {
+  dataTable: {
+    type: Object,
+  },
+  showSearch: {
+    type: Boolean,
+    default: false,
+  },
+  showFieldOptions: {
+    type: Boolean,
+    default: true,
+  },
+  searchAttr: {
+    type: String,
+    default: 'search',
+  },
+  searchPlaceholder: {
+    type: String,
+    default: '',
+  },
+  searchFields: {
+    type: Array,
+    default: () => [],
+  },
+    showTitle: {
+        type: Boolean,
+        default: false,
+    },
+    searchTitle: {
+        type: String,
+        default: '标题名称',
+    },
+    filterPanelLineNum: {
+        type: Number
+    }
+},
+  emits: ['reset', 'filter'],
   setup(__props, { emit }) {
-    const props = __props;
-    const ns = useNamespace("pctfilterpanel");
-    const {
-      dataTable,
-      filterPanel,
-      currentFilterColumns,
-      selectedColumnAttrNames,
-      closableColumns,
-      searchParams,
-      handleFieldSearch,
-      searchValue,
-      isChange,
-      handleReset,
-      handleSearch
-    } = useFilterPanel(props, { emit });
-    console.log(currentFilterColumns);
-    watch(
-      filterPanel,
-      (filterPanel2, _, onCleanup) => {
-        filterPanel2.existComponent = true;
-        onCleanup(() => {
-          filterPanel2.existComponent = false;
-        });
-      },
-      { immediate: true }
-    );
-    provide(
-      filterPanelKey,
-      reactive({
-        dataTable,
-        filterPanel,
-        currentFilterColumns,
-        showTitle: props.showTitle,
-        filterPanelLineNum: props.filterPanelLineNum
-      })
-    );
-    return (_ctx, _cache) => {
-      const _component_BwaPctMultipleMenuCondition = resolveComponent("BwaPctMultipleMenuCondition");
-      const _component_BwaPctInputCondition = resolveComponent("BwaPctInputCondition");
-      const _component_BwaPctDateRangeCondition = resolveComponent("BwaPctDateRangeCondition");
-      const _component_ElInput = resolveComponent("ElInput");
-      const _component_ElButton = resolveComponent("ElButton");
-      const _component_ElCheckbox = resolveComponent("ElCheckbox");
-      const _component_BwaAdvanceOption = resolveComponent("BwaAdvanceOption");
-      const _component_BwaAdvanceSelect = resolveComponent("BwaAdvanceSelect");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(unref(ns).b())
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, () => [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(currentFilterColumns), (column) => {
-            return renderSlot(_ctx.$slots, `condition-${column.attrName}`, {
-              key: column.attrName,
-              attrName: column.attrName
-            }, () => [
-              createVNode(PctFilterPanelItem, {
-                prop: column.fullAttrName
-              }, {
-                default: withCtx(({ data }) => {
-                  var _a, _b;
-                  return [
-                    !column.component || column.component === "BwaMultipleMenuCondition" || column.component === "BwaSingleMenuCondition" ? (openBlock(), createBlock(_component_BwaPctMultipleMenuCondition, {
-                      key: 0,
-                      modelValue: data.value,
-                      "onUpdate:modelValue": ($event) => data.value = $event,
-                      column,
-                      multiple: column.component !== "BwaSingleMenuCondition",
-                      showTitle: props.showTitle,
-                      showSearch: (_a = column.componentProps) == null ? void 0 : _a.showSearch,
-                      options: ((_b = column.componentProps) == null ? void 0 : _b.options) || []
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "column", "multiple", "showTitle", "showSearch", "options"])) : createCommentVNode("v-if", true),
-                    column.component === "BwaInputCondition" ? (openBlock(), createBlock(_component_BwaPctInputCondition, {
-                      key: 1,
-                      modelValue: data.value,
-                      "onUpdate:modelValue": ($event) => data.value = $event,
-                      column,
-                      showTitle: props.showTitle
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "column", "showTitle"])) : createCommentVNode("v-if", true),
-                    column.component === "BwaDateRangeCondition" ? (openBlock(), createBlock(_component_BwaPctDateRangeCondition, {
-                      key: 2,
-                      modelValue: data.value,
-                      "onUpdate:modelValue": ($event) => data.value = $event,
-                      showTitle: props.showTitle
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "showTitle"])) : createCommentVNode("v-if", true)
-                  ];
-                }),
-                _: 2
-              }, 1032, ["prop"])
-            ]);
-          }), 128))
-        ]),
-        __props.showSearch ? (openBlock(), createElementBlock("div", {
+
+const props = __props;
+
+defineOptions({
+  name: 'BwaPctFilterPanel',
+});
+
+
+
+
+
+const ns = useNamespace('pctfilterpanel');
+
+const {
+  dataTable,
+  filterPanel,
+  currentFilterColumns,
+  selectedColumnAttrNames,
+  closableColumns,
+  searchParams,
+  handleFieldSearch,
+  searchValue,
+  isChange,
+  handleReset,
+    handleSearch
+} = useFilterPanel(props, { emit });
+console.log(currentFilterColumns);
+watch(
+  filterPanel,
+  (filterPanel, _, onCleanup) => {
+    filterPanel.existComponent = true;
+
+    onCleanup(() => {
+      filterPanel.existComponent = false;
+    });
+  },
+  { immediate: true }
+);
+
+provide(
+  filterPanelKey,
+  reactive({
+    dataTable,
+    filterPanel,
+    currentFilterColumns,
+      showTitle: props.showTitle,
+      filterPanelLineNum: props.filterPanelLineNum
+  })
+);
+
+return (_ctx, _cache) => {
+  const _component_BwaPctMultipleMenuCondition = resolveComponent("BwaPctMultipleMenuCondition");
+  const _component_BwaPctInputCondition = resolveComponent("BwaPctInputCondition");
+  const _component_BwaPctDateRangeCondition = resolveComponent("BwaPctDateRangeCondition");
+  const _component_ElInput = resolveComponent("ElInput");
+  const _component_ElButton = resolveComponent("ElButton");
+  const _component_ElCheckbox = resolveComponent("ElCheckbox");
+  const _component_BwaAdvanceOption = resolveComponent("BwaAdvanceOption");
+  const _component_BwaAdvanceSelect = resolveComponent("BwaAdvanceSelect");
+
+  return (openBlock(), createElementBlock("div", {
+    class: normalizeClass(unref(ns).b())
+  }, [
+    renderSlot(_ctx.$slots, "default", {}, () => [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(unref(currentFilterColumns), (column) => {
+        return renderSlot(_ctx.$slots, `condition-${column.attrName}`, {
+          key: column.attrName,
+          attrName: column.attrName
+        }, () => [
+          createVNode(PctFilterPanelItem, {
+            prop: column.fullAttrName
+          }, {
+            default: withCtx(({ data }) => [
+              (!column.component || column.component === 'BwaMultipleMenuCondition'|| column.component === 'BwaSingleMenuCondition')
+                ? (openBlock(), createBlock(_component_BwaPctMultipleMenuCondition, {
+                    key: 0,
+                    modelValue: data.value,
+                    "onUpdate:modelValue": $event => ((data.value) = $event),
+                    column: column,
+                    multiple: column.component !== 'BwaSingleMenuCondition',
+                    showTitle: props.showTitle,
+                    showSearch: column.componentProps?.showSearch,
+                    options: column.componentProps?.options || []
+                  }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue", "column", "multiple", "showTitle", "showSearch", "options"]))
+                : createCommentVNode("v-if", true),
+              (column.component === 'BwaInputCondition')
+                ? (openBlock(), createBlock(_component_BwaPctInputCondition, {
+                    key: 1,
+                    modelValue: data.value,
+                    "onUpdate:modelValue": $event => ((data.value) = $event),
+                    column: column,
+                    showTitle: props.showTitle
+                  }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue", "column", "showTitle"]))
+                : createCommentVNode("v-if", true),
+              (column.component === 'BwaDateRangeCondition')
+                ? (openBlock(), createBlock(_component_BwaPctDateRangeCondition, {
+                    key: 2,
+                    modelValue: data.value,
+                    "onUpdate:modelValue": $event => ((data.value) = $event),
+                    showTitle: props.showTitle
+                  }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue", "showTitle"]))
+                : createCommentVNode("v-if", true)
+            ]),
+            _: 2 /* DYNAMIC */
+          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["prop"])
+        ])
+      }), 128 /* KEYED_FRAGMENT */))
+    ]),
+    (__props.showSearch)
+      ? (openBlock(), createElementBlock("div", {
           key: 0,
-          style: normalizeStyle([{ "display": "flex", "align-items": "center", "padding-right": "20px", "box-sizing": "border-box" }, {
-            "width": props.filterPanelLineNum ? (100 / props.filterPanelLineNum).toFixed(2) + "%" : props.showTitle ? "25%" : "20%"
-          }])
+          style: normalizeStyle([{"display":"flex","align-items":"center","padding-right":"20px","box-sizing":"border-box"}, {
+               'width': props.filterPanelLineNum ? (100 / props.filterPanelLineNum).toFixed(2) + '%' : props.showTitle ? '25%' : '20%',
+           }])
         }, [
-          __props.showTitle ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(unref(ns).e("title")),
-            style: { "padding-right": "8px" }
-          }, toDisplayString(__props.searchTitle), 3)) : createCommentVNode("v-if", true),
+          (__props.showTitle)
+            ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                class: normalizeClass(unref(ns).e('title')),
+                style: {"padding-right":"8px"}
+              }, toDisplayString(__props.searchTitle), 3 /* TEXT, CLASS */))
+            : createCommentVNode("v-if", true),
           createVNode(_component_ElInput, {
             "prefix-icon": "Search",
-            size: "small",
             clearable: "",
             modelValue: unref(searchValue),
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(searchValue) ? searchValue.value = $event : null),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (isRef(searchValue) ? (searchValue).value = $event : null)),
             placeholder: __props.searchPlaceholder,
-            class: normalizeClass(unref(ns).e("search"))
-          }, null, 8, ["modelValue", "placeholder", "class"])
-        ], 4)) : createCommentVNode("v-if", true),
-        __props.showFieldOptions ? (openBlock(), createBlock(PctFilterPanelItem, {
+            class: normalizeClass(unref(ns).e('search'))
+          }, null, 8 /* PROPS */, ["modelValue", "placeholder", "class"])
+        ], 4 /* STYLE */))
+      : createCommentVNode("v-if", true),
+    (__props.showFieldOptions)
+      ? (openBlock(), createBlock(PctFilterPanelItem, {
           key: 1,
-          style: { "width": "auto", "padding-right": "16px" }
+          style: {"width":"auto","padding-right":"16px"}
         }, {
           default: withCtx(() => [
-            __props.showFieldOptions ? (openBlock(), createBlock(_component_BwaAdvanceSelect, {
-              key: 0,
-              modelValue: unref(selectedColumnAttrNames),
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(selectedColumnAttrNames) ? selectedColumnAttrNames.value = $event : null),
-              "show-selectIcon": false,
-              onSearch: unref(handleFieldSearch),
-              class: normalizeClass(unref(ns).e("options")),
-              source: "pct"
-            }, {
-              "reference-content": withCtx(() => [
-                createVNode(_component_ElButton, {
-                  size: "small",
-                  class: normalizeClass(unref(ns).e("filterBut"))
+            (__props.showFieldOptions)
+              ? (openBlock(), createBlock(_component_BwaAdvanceSelect, {
+                  key: 0,
+                  modelValue: unref(selectedColumnAttrNames),
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (isRef(selectedColumnAttrNames) ? (selectedColumnAttrNames).value = $event : null)),
+                  "show-selectIcon": false,
+                  onSearch: unref(handleFieldSearch),
+                  class: normalizeClass(unref(ns).e('options')),
+                  source: "pct"
                 }, {
-                  default: withCtx(() => [
-                    createElementVNode("div", {
-                      class: normalizeClass(unref(ns).be("filter", "plus"))
-                    }, null, 2),
-                    createElementVNode("span", {
-                      class: normalizeClass(unref(ns).be("filter", "label"))
-                    }, " \u7B5B\u9009 ", 2)
+                  "reference-content": withCtx(() => [
+                    createVNode(_component_ElButton, {
+                      class: normalizeClass(unref(ns).e('filterBut'))
+                    }, {
+                      default: withCtx(() => [
+                        createElementVNode("div", {
+                          class: normalizeClass(unref(ns).be('filter', 'plus'))
+                        }, null, 2 /* CLASS */),
+                        createElementVNode("span", {
+                          class: normalizeClass(unref(ns).be('filter', 'label'))
+                        }, " 筛选 ", 2 /* CLASS */)
+                      ]),
+                      _: 1 /* STABLE */
+                    }, 8 /* PROPS */, ["class"])
                   ]),
-                  _: 1
-                }, 8, ["class"])
-              ]),
-              default: withCtx(() => [
-                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(closableColumns), (column) => {
-                  return openBlock(), createBlock(_component_BwaAdvanceOption, {
-                    value: column.fullAttrName,
-                    label: column.title,
-                    key: column.fullAttrName,
-                    class: normalizeClass(unref(ns).be("filter", "option"))
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(_component_ElCheckbox, {
-                        onClick: _cache[1] || (_cache[1] = withModifiers(() => {
-                        }, ["prevent"])),
-                        modelValue: unref(selectedColumnAttrNames).includes(column.fullAttrName),
-                        class: normalizeClass(unref(ns).be("filter", "checkbox"))
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(unref(closableColumns), (column) => {
+                      return (openBlock(), createBlock(_component_BwaAdvanceOption, {
+                        value: column.fullAttrName,
+                        label: column.title,
+                        key: column.fullAttrName,
+                        class: normalizeClass(unref(ns).be('filter', 'option'))
                       }, {
                         default: withCtx(() => [
-                          createTextVNode(toDisplayString(column.title), 1)
+                          createVNode(_component_ElCheckbox, {
+                            onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["prevent"])),
+                            modelValue: unref(selectedColumnAttrNames).includes(column.fullAttrName),
+                            class: normalizeClass(unref(ns).be('filter', 'checkbox'))
+                          }, {
+                            default: withCtx(() => [
+                              createTextVNode(toDisplayString(column.title), 1 /* TEXT */)
+                            ]),
+                            _: 2 /* DYNAMIC */
+                          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "class"]),
+                          createElementVNode("span", {
+                            class: normalizeClass(unref(ns).be('filter', 'title'))
+                          }, toDisplayString(column.componentTitle), 3 /* TEXT, CLASS */)
                         ]),
-                        _: 2
-                      }, 1032, ["modelValue", "class"]),
-                      createElementVNode("span", {
-                        class: normalizeClass(unref(ns).be("filter", "title"))
-                      }, toDisplayString(column.componentTitle), 3)
-                    ]),
-                    _: 2
-                  }, 1032, ["value", "label", "class"]);
-                }), 128))
-              ]),
-              _: 1
-            }, 8, ["modelValue", "onSearch", "class"])) : createCommentVNode("v-if", true)
-          ]),
-          _: 1
-        })) : createCommentVNode("v-if", true),
-        createVNode(_component_ElButton, {
-          size: "small",
-          type: "primary",
-          class: normalizeClass(unref(ns).e("reset")),
-          onClick: unref(handleSearch)
-        }, {
-          default: withCtx(() => [
-            createTextVNode(" \u67E5\u8BE2 ")
-          ]),
-          _: 1
-        }, 8, ["class", "onClick"]),
-        createVNode(_component_ElButton, {
-          size: "small",
-          class: normalizeClass(unref(ns).e("reset")),
-          onClick: unref(handleReset)
-        }, {
-          default: withCtx(() => [
-            createTextVNode(" \u91CD\u7F6E ")
+                        _: 2 /* DYNAMIC */
+                      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["value", "label", "class"]))
+                    }), 128 /* KEYED_FRAGMENT */))
+                  ]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["modelValue", "onSearch", "class"]))
+              : createCommentVNode("v-if", true)
           ]),
-          _: 1
-        }, 8, ["class", "onClick"]),
-        renderSlot(_ctx.$slots, "button")
-      ], 2);
-    };
-  }
-});
-var PctFilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "pct-filter-panel.vue"]]);
+          _: 1 /* STABLE */
+        }))
+      : createCommentVNode("v-if", true),
+    createVNode(_component_ElButton, {
+      type: "primary",
+      class: normalizeClass(unref(ns).e('reset')),
+      onClick: unref(handleSearch)
+    }, {
+      default: withCtx(() => [
+        createTextVNode(" 查询 ")
+      ]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["class", "onClick"]),
+    createVNode(_component_ElButton, {
+      class: normalizeClass(unref(ns).e('reset')),
+      onClick: unref(handleReset)
+    }, {
+      default: withCtx(() => [
+        createTextVNode(" 重置 ")
+      ]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["class", "onClick"]),
+    renderSlot(_ctx.$slots, "button")
+  ], 2 /* CLASS */))
+}
+}
+
+};
+var PctFilterPanel = /*#__PURE__*/_export_sfc(_sfc_main, [['__file',"pct-filter-panel.vue"]]);
 
 export { PctFilterPanel as default };