@ctzy-web-client/plugin-component-vue 1.0.0 → 1.0.2

package/es/panel/index.mjs

@@ -0,0 +1,6 @@
+import { withInstall } from 'element-plus/es/utils/vue/install';
+import Panel from './panel.mjs';
+
+const BwaPanel = withInstall(Panel);
+
+export { BwaPanel, BwaPanel as default };

package/es/panel/panel.mjs

@@ -0,0 +1,55 @@
+import { defineComponent, useSlots, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createCommentVNode, createElementVNode } from 'vue';
+import { useNamespace } from 'web-base-client-vue';
+import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
+
+const __default__ = defineComponent({
+  name: "BwaPanel"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    name: {
+      type: String
+    },
+    label: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(__props) {
+    ;
+    const ns = useNamespace("panel");
+    const slots = useSlots();
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(ns).b())
+      }, [
+        unref(slots).header ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(ns).e("header"))
+        }, [
+          renderSlot(_ctx.$slots, "header")
+        ], 2)) : createCommentVNode("v-if", true),
+        unref(slots).tools ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(unref(ns).e("tools"))
+        }, [
+          renderSlot(_ctx.$slots, "tools")
+        ], 2)) : createCommentVNode("v-if", true),
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("body"))
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 2),
+        unref(slots).footer ? (openBlock(), createElementBlock("div", {
+          key: 2,
+          class: normalizeClass(unref(ns).e("footer"))
+        }, [
+          renderSlot(_ctx.$slots, "footer")
+        ], 2)) : createCommentVNode("v-if", true)
+      ], 2);
+    };
+  }
+});
+var Panel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "panel.vue"]]);
+
+export { Panel as default };

package/es/panel-tabs/index.mjs

@@ -0,0 +1,6 @@
+import { withInstall } from 'element-plus/es/utils/vue/install';
+import PanelTab from './panel-tabs.mjs';
+
+const BwaPanelTab = withInstall(PanelTab);
+
+export { BwaPanelTab, BwaPanelTab as default };

package/es/panel-tabs/panel-tabs.mjs

@@ -0,0 +1,66 @@
+import { ElTabs, ElTabPane } from 'element-plus';
+import { defineComponent, useSlots, useAttrs, ref, watch, computed, h, unref } from 'vue';
+import { useNamespace } from 'web-base-client-vue';
+
+var PanelTab = defineComponent({
+  name: "BwaPanelTabs",
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(props, {
+    emit
+  }) {
+    const slots = useSlots();
+    const attrs = useAttrs();
+    const ns = useNamespace("panel-tabs");
+    const modelValue = ref(props.modelValue || "");
+    const visibledNames = [];
+    watch(modelValue, (modelValue2) => {
+      emit("update:modelValue", modelValue2);
+      if (modelValue2 && !visibledNames.includes(modelValue2)) {
+        visibledNames.push(modelValue2);
+      }
+    }, {
+      immediate: true
+    });
+    watch(computed(() => props.modelValue), (value) => {
+      modelValue.value = value || "";
+    });
+    return () => {
+      var _a, _b;
+      let panels = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : [];
+      panels = panels.filter((panel) => {
+        var _a2, _b2;
+        return ((_a2 = panel.props) == null ? void 0 : _a2.label) && ((_b2 = panel.props) == null ? void 0 : _b2.name);
+      });
+      if (!modelValue.value && panels.length) {
+        modelValue.value = panels[0].props.name;
+      }
+      return h(ElTabs, {
+        class: ns.b(),
+        type: "card",
+        ...attrs,
+        modelValue: unref(modelValue),
+        "onUpdate:modelValue": (value) => {
+          modelValue.value = value;
+        }
+      }, {
+        default: () => panels.map((panel) => {
+          return h(ElTabPane, {
+            class: ns.b("item"),
+            label: panel.props.label,
+            name: panel.props.name
+          }, {
+            default: () => visibledNames.includes(panel.props.name) ? panel : null
+          });
+        })
+      });
+    };
+  }
+});
+
+export { PanelTab as default };

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

@@ -0,0 +1,10 @@
+import { withInstall } from 'element-plus/es/utils/vue/install';
+import PctFilterPanel from './pct-filter-panel.mjs';
+export { default } from './pct-filter-panel.mjs';
+import PctFilterPanelItem from './pct-filter-panel-item.mjs';
+
+const BwaPctFilterPanel = withInstall(PctFilterPanel, {
+  PctFilterPanelItem
+});
+
+export { BwaPctFilterPanel };

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

@@ -0,0 +1,10 @@
+import { withInstall } from 'element-plus/es/utils/vue/install';
+import PctMultipleMenuCondition from './pct-multiple-menu-condition.mjs';
+import PctInputCondition from './pct-Input-condition.mjs';
+import PctDateRangeCondition from './pct-date-range-condition.mjs';
+
+const BwaPctInputCondition = withInstall(PctInputCondition, {});
+const BwaPctMultipleMenuCondition = withInstall(PctMultipleMenuCondition, {});
+const BwaPctDateRangeCondition = withInstall(PctDateRangeCondition, {});
+
+export { BwaPctDateRangeCondition, BwaPctInputCondition, BwaPctMultipleMenuCondition };

package/es/pct-filter-panel/pct-compents/pct-Input-condition.mjs

@@ -0,0 +1,71 @@
+import { defineComponent, inject, computed, useAttrs, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, toDisplayString, createCommentVNode, createVNode, isRef } from 'vue';
+import { useNamespace, filterPanelItemKey } from 'web-base-client-vue';
+import { dataProps } from '../../hooks/use-data/index.mjs';
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
+
+const __default__ = defineComponent({
+  name: "BwaPctInputCondition",
+  __conditionTitle__: "\u8F93\u5165\u6846",
+  __conditionDefault__: () => []
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    ...dataProps,
+    modelValue: {
+      type: null
+    },
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u8F93\u5165"
+    },
+    prefixIcon: {
+      type: String,
+      default: "Search"
+    },
+    showIcon: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const ns = useNamespace("pct-input");
+    ;
+    const filterPanelItem = inject(filterPanelItemKey, null);
+    const column = computed(() => {
+      var _a;
+      return (_a = filterPanelItem == null ? void 0 : filterPanelItem.column) != null ? _a : null;
+    });
+    const placeholderStr = computed(() => showTitle.value ? props.placeholder : column.value.title);
+    const attrs = useAttrs();
+    const showTitle = computed(() => attrs.showTitle);
+    const modelValue = computed({
+      get: () => props.modelValue,
+      set: (v) => emit("update:modelValue", v)
+    });
+    return (_ctx, _cache) => {
+      const _component_el_input = resolveComponent("el-input");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(ns).e("inputCon"))
+      }, [
+        unref(showTitle) ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass(unref(ns).e("title"))
+        }, toDisplayString(unref(column).title), 3)) : createCommentVNode("v-if", true),
+        createVNode(_component_el_input, {
+          "prefix-icon": __props.showIcon ? __props.prefixIcon : "",
+          size: "small",
+          clearable: "",
+          class: normalizeClass(unref(ns).e("search")),
+          placeholder: unref(placeholderStr),
+          modelValue: unref(modelValue),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null)
+        }, null, 8, ["prefix-icon", "class", "placeholder", "modelValue"])
+      ], 2);
+    };
+  }
+});
+var PctInputCondition = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "pct-Input-condition.vue"]]);
+
+export { PctInputCondition as default };

package/es/pct-filter-panel/pct-compents/pct-date-range-condition.mjs

@@ -0,0 +1,74 @@
+import { defineComponent, inject, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, unref, toDisplayString, createCommentVNode, createVNode, isRef } from 'vue';
+import { useNamespace, filterPanelItemKey } from 'web-base-client-vue';
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
+
+const __default__ = defineComponent({
+  name: "BwaPctDateRangeCondition",
+  __conditionTitle__: "\u65E5\u671F\u9009\u62E9",
+  __conditionDefault__: () => ({ start: "", end: "" })
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    modelValue: {
+      type: null
+    },
+    valueFormat: {
+      type: String,
+      default: "YYYY-MM-DD"
+    },
+    showTitle: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const ns = useNamespace("pct-daterange");
+    ;
+    const filterPanelItem = inject(filterPanelItemKey);
+    const column = computed(() => {
+      var _a;
+      return (_a = filterPanelItem == null ? void 0 : filterPanelItem.column) != null ? _a : null;
+    });
+    const value = computed({
+      get: () => {
+        if (props.modelValue && props.modelValue.start && props.modelValue.end) {
+          return [props.modelValue.start, props.modelValue.end];
+        }
+        return [];
+      },
+      set: (v) => {
+        if (v && v.length === 2) {
+          emit("update:modelValue", { start: v[0], end: v[1] });
+        } else {
+          emit("update:modelValue", { start: "", end: "" });
+        }
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_el_date_picker = resolveComponent("el-date-picker");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(ns).e("cont"))
+      }, [
+        unref(column) && __props.showTitle ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(ns).e("label"))
+        }, toDisplayString(unref(column).title), 3)) : createCommentVNode("v-if", true),
+        createVNode(_component_el_date_picker, {
+          modelValue: unref(value),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(value) ? value.value = $event : null),
+          type: "daterange",
+          "range-separator": "\u81F3",
+          "start-placeholder": "\u5F00\u59CB\u65E5\u671F",
+          "end-placeholder": "\u7ED3\u675F\u65E5\u671F",
+          "value-format": __props.valueFormat,
+          size: "small"
+        }, null, 8, ["modelValue", "value-format"])
+      ], 2);
+    };
+  }
+});
+var PctDateRangeCondition = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "pct-date-range-condition.vue"]]);
+
+export { PctDateRangeCondition as default };

package/es/pct-filter-panel/pct-compents/pct-multiple-menu-condition.mjs

@@ -0,0 +1,186 @@
+import { defineComponent, ref, useAttrs, computed, inject, unref, resolveComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createVNode, isRef, withCtx, Fragment, renderList, createBlock } from 'vue';
+import { useService, HttpRequest, useNamespace, filterPanelItemKey } from 'web-base-client-vue';
+import { dataProps } from '../../hooks/use-data/index.mjs';
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
+
+const __default__ = defineComponent({
+  name: "BwaPctMultipleMenuCondition",
+  __conditionTitle__: "\u591A\u9009\u5217\u8868",
+  __conditionDefault__: () => []
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    ...dataProps,
+    modelValue: {
+      type: null
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    labelProp: {
+      type: String,
+      default: "label"
+    },
+    valueProp: {
+      type: String,
+      default: "value"
+    },
+    multiple: {
+      type: Boolean,
+      default: true
+    },
+    showSearch: {
+      type: Boolean,
+      default: true
+    },
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u9009\u62E9"
+    },
+    remote: {
+      type: Boolean,
+      default: true
+    },
+    size: {
+      type: String,
+      default: "small"
+    },
+    searchPlaceholder: {
+      type: String,
+      default: ""
+    },
+    labelAttr: "",
+    valueAttr: "",
+    searchAttr: "",
+    itfInfo: null,
+    isRequiredByVisibleChange: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue", "search"],
+  setup(__props, { expose, emit }) {
+    var _a;
+    const props = __props;
+    const httpRequest = useService(HttpRequest);
+    ;
+    const ns = useNamespace("pctfilterpanel-item");
+    const isShowPopper = ref(false);
+    const attrs = useAttrs();
+    const showTitle = computed(() => attrs.showTitle);
+    const data = ref([]);
+    const loading = ref(false);
+    const filterPanelItem = inject(filterPanelItemKey, null);
+    const column = computed(() => {
+      var _a2;
+      return (_a2 = filterPanelItem == null ? void 0 : filterPanelItem.column) != null ? _a2 : null;
+    });
+    if (props.itfInfo) {
+      column.value.componentProps = {
+        itfInfo: props.itfInfo || {},
+        labelAttr: props.labelAttr || "label",
+        valueAttr: props.valueAttr || "value",
+        searchAttr: props.searchAttr || "search"
+      };
+    }
+    const searchPlaceholderStr = computed(() => {
+      var _a2, _b;
+      return ((_b = (_a2 = column.value) == null ? void 0 : _a2.componentProps) == null ? void 0 : _b.searchPlaceholder) || props.searchPlaceholder;
+    });
+    const placeholderStr = computed(() => showTitle.value ? props.placeholder : column.value.title);
+    const labelPropStr = computed(() => {
+      var _a2, _b;
+      return ((_b = (_a2 = column.value) == null ? void 0 : _a2.componentProps) == null ? void 0 : _b.labelAttr) || props.labelProp;
+    });
+    const valuePropStr = computed(() => {
+      var _a2, _b;
+      return ((_b = (_a2 = column.value) == null ? void 0 : _a2.componentProps) == null ? void 0 : _b.valueAttr) || props.valueProp;
+    });
+    const getData = async (query) => {
+      var _a2;
+      loading.value = true;
+      const { itfInfo, searchAttr } = column.value.componentProps;
+      const { url, method, options, params } = {
+        url: unref(itfInfo).url,
+        method: unref(itfInfo).method || "POST",
+        options: unref(itfInfo).options || {},
+        params: { ...unref(itfInfo).params, [searchAttr]: query || "" }
+      };
+      data.value = (_a2 = await unref(httpRequest)[method.toLowerCase()](url, params, options)) == null ? void 0 : _a2.data;
+      loading.value = false;
+    };
+    data.value = (_a = props.options) != null ? _a : [];
+    const visibleChange = (val) => {
+      var _a2, _b;
+      isShowPopper.value = val;
+      if (!val || !column.value.componentProps || ((_b = (_a2 = column.value) == null ? void 0 : _a2.componentProps) == null ? void 0 : _b.options)) {
+        if (isShowPopper.value && props.isRequiredByVisibleChange) {
+          emit("search", "");
+        }
+        return;
+      }
+      getData();
+    };
+    const remoteMethod = (query) => {
+      if (column.value.componentProps) {
+        getData(query);
+      } else {
+        emit("search", query);
+      }
+    };
+    const modelValue = computed({
+      get: () => {
+        if (props.multiple) {
+          return Array.isArray(props.modelValue) ? props.modelValue.map((item) => item) : [];
+        } else {
+          return props.modelValue == null || Array.isArray(props.modelValue) ? "" : props.modelValue;
+        }
+      },
+      set: (v) => emit("update:modelValue", v)
+    });
+    expose({
+      data
+    });
+    return (_ctx, _cache) => {
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(ns).e("conditbox"))
+      }, [
+        unref(showTitle) ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(ns).e("title"))
+        }, toDisplayString(unref(column).title), 3)) : createCommentVNode("v-if", true),
+        createVNode(_component_el_select, {
+          multiple: __props.multiple,
+          modelValue: unref(modelValue),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+          onVisibleChange: visibleChange,
+          class: normalizeClass(unref(ns).e("options")),
+          loading: loading.value,
+          placeholder: unref(placeholderStr),
+          clearable: true,
+          filterable: __props.showSearch,
+          remote: __props.remote,
+          "remote-method": remoteMethod,
+          size: "small"
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(data.value, (item) => {
+              return openBlock(), createBlock(_component_el_option, {
+                key: item[unref(valuePropStr)] + "",
+                value: item[unref(valuePropStr)] + "",
+                label: item[unref(labelPropStr)] + ""
+              }, null, 8, ["value", "label"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["multiple", "modelValue", "class", "loading", "placeholder", "filterable", "remote"])
+      ], 2);
+    };
+  }
+});
+var PctMultipleMenuCondition = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "pct-multiple-menu-condition.vue"]]);
+
+export { PctMultipleMenuCondition as default };

package/es/pct-filter-panel/pct-compents/pct-multiple-menu-condition2.mjs

@@ -0,0 +1,147 @@
+import { defineComponent, useAttrs, computed, ref, inject, unref, openBlock, createElementBlock, Fragment, normalizeClass, toDisplayString, createCommentVNode, createVNode, isRef, withCtx, renderList, createBlock } from 'vue';
+import { ElSelect, ElOption } from 'element-plus';
+import { useService, HttpRequest, useNamespace, filterPanelItemKey } from 'web-base-client-vue';
+import { dataProps } from '../../hooks/use-data/index.mjs';
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
+
+const __default__ = defineComponent({
+  name: "BwaPctMultipleMenuCondition",
+  __conditionTitle__: "\u591A\u9009\u83DC\u5355-PZ",
+  __conditionDefault__: () => []
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    ...dataProps,
+    modelValue: {
+      type: null
+    },
+    options: {
+      type: Array,
+      default: () => []
+    },
+    labelProp: {
+      type: String,
+      default: "label"
+    },
+    valueProp: {
+      type: String,
+      default: "value"
+    },
+    multiple: {
+      type: Boolean,
+      default: false
+    },
+    filterable: {
+      type: Boolean,
+      default: true
+    },
+    placeholder: {
+      type: String,
+      default: "\u8BF7\u9009\u62E9"
+    },
+    remote: {
+      type: Boolean,
+      default: true
+    },
+    size: {
+      type: String,
+      default: "small"
+    }
+  },
+  emits: ["update:modelValue", "search", "visible-change"],
+  setup(__props, { emit }) {
+    var _a, _b;
+    const props = __props;
+    const httpRequest = useService(HttpRequest);
+    ;
+    const ns = useNamespace("pctfilterpanel-item");
+    const attrs = useAttrs();
+    const showTitle = computed(() => attrs.showTitle);
+    const data = ref([]);
+    const loading = ref(false);
+    const filterPanelItem = inject(filterPanelItemKey, null);
+    const column = computed(() => {
+      var _a2;
+      return (_a2 = filterPanelItem == null ? void 0 : filterPanelItem.column) != null ? _a2 : null;
+    });
+    const placeholderStr = computed(() => showTitle.value ? props.placeholder : column.value.title);
+    const getData = async (query) => {
+      var _a2;
+      loading.value = true;
+      const { itfInfo, searchAttr } = column.value.componentProps;
+      const { url, method, options, params } = {
+        url: unref(itfInfo).url,
+        method: unref(itfInfo).method || "POST",
+        options: unref(itfInfo).options || {},
+        params: { ...unref(itfInfo).params, [searchAttr]: query || "" }
+      };
+      data.value = (_a2 = await unref(httpRequest)[method.toLowerCase()](url, params, options)) == null ? void 0 : _a2.data;
+      loading.value = false;
+    };
+    if ((_a = column.value) == null ? void 0 : _a.componentProps) {
+    } else {
+      data.value = (_b = props.options) != null ? _b : [];
+    }
+    const visibleChange = (val) => {
+      if (!val || !column.value.componentProps)
+        return;
+      getData();
+    };
+    const remoteMethod = (query) => {
+      if (column.value.componentProps) {
+        getData(query);
+      } else {
+        emit("search", query);
+      }
+    };
+    const modelValue = computed({
+      get: () => {
+        if (props.multiple) {
+          return Array.isArray(props.modelValue) ? props.modelValue.map((item) => item + "") : [];
+        } else {
+          return props.modelValue == null ? "" : props.modelValue + "";
+        }
+      },
+      set: (v) => emit("update:modelValue", v)
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(Fragment, null, [
+        unref(showTitle) ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass(unref(ns).e("title"))
+        }, toDisplayString(unref(column).title), 3)) : createCommentVNode("v-if", true),
+        createVNode(unref(ElSelect), {
+          modelValue: unref(modelValue),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
+          clearable: "",
+          multiple: __props.multiple,
+          filterable: __props.filterable,
+          placeholder: unref(placeholderStr),
+          loading: loading.value,
+          onVisibleChange: visibleChange,
+          remote: __props.remote,
+          "remote-method": remoteMethod,
+          size: __props.size,
+          class: normalizeClass(unref(ns).e("multiple")),
+          "collapse-tags": "",
+          "collapse-tags-tooltip": "",
+          "no-data-text": "\u6682\u65E0\u6570\u636E"
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(data.value, (item, index) => {
+              return openBlock(), createBlock(unref(ElOption), {
+                key: item[__props.valueProp] + index,
+                value: item[__props.valueProp] + "",
+                label: item[__props.labelProp]
+              }, null, 8, ["value", "label"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["modelValue", "multiple", "filterable", "placeholder", "loading", "remote", "size", "class"])
+      ], 64);
+    };
+  }
+});
+var pctMultipleMenuCondition2 = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "pct-multiple-menu-condition2.vue"]]);
+
+export { pctMultipleMenuCondition2 as default };

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

@@ -0,0 +1,48 @@
+import { defineComponent, reactive, provide, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, createCommentVNode } from 'vue';
+import { useNamespace, filterPanelItemKey } from 'web-base-client-vue';
+import { useFilterPanelItem } from './use-filter-panel-item.mjs';
+import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
+
+const __default__ = defineComponent({
+  name: "BwaPctFilterPanelItem"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    prop: {
+      type: String
+    },
+    close: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["close"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const ns = useNamespace("pctfilterpanel");
+    const { value, column, allowClose, closeHandle, showTitle, filterPanelLineNum } = useFilterPanelItem(props);
+    const data = reactive({ value });
+    provide(
+      filterPanelItemKey,
+      reactive({
+        column
+      })
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(ns).b("item")),
+        style: normalizeStyle({ "width": unref(filterPanelLineNum) ? (100 / unref(filterPanelLineNum)).toFixed(2) + "%" : unref(showTitle) ? "25%" : "20%" })
+      }, [
+        renderSlot(_ctx.$slots, "default", { data }),
+        unref(allowClose) ? (openBlock(), createElementBlock("i", {
+          key: 0,
+          class: normalizeClass(["ptp-icon", "ptp-close", unref(ns).be("item", "close")]),
+          onClick: _cache[0] || (_cache[0] = (...args) => unref(closeHandle) && unref(closeHandle)(...args))
+        }, null, 2)) : createCommentVNode("v-if", true)
+      ], 6);
+    };
+  }
+});
+var PctFilterPanelItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "pct-filter-panel-item.vue"]]);
+
+export { PctFilterPanelItem as default };