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

package/lib/pct-filter-panel/pct-filter-panel.js

@@ -8,248 +8,268 @@ var useFilterPanel = require('./use-filter-panel.js');
 var pctFilterPanelItem = require('./pct-filter-panel-item.js');
 var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
 
-const __default__ = vue.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 = webBaseClientVue.useNamespace("pctfilterpanel");
-    const {
-      dataTable,
-      filterPanel,
-      currentFilterColumns,
-      selectedColumnAttrNames,
-      closableColumns,
-      searchParams,
-      handleFieldSearch,
-      searchValue,
-      isChange,
-      handleReset,
-      handleSearch
-    } = useFilterPanel.useFilterPanel(props, { emit });
-    console.log(currentFilterColumns);
-    vue.watch(
-      filterPanel,
-      (filterPanel2, _, onCleanup) => {
-        filterPanel2.existComponent = true;
-        onCleanup(() => {
-          filterPanel2.existComponent = false;
-        });
-      },
-      { immediate: true }
-    );
-    vue.provide(
-      webBaseClientVue.filterPanelKey,
-      vue.reactive({
-        dataTable,
-        filterPanel,
-        currentFilterColumns,
-        showTitle: props.showTitle,
-        filterPanelLineNum: props.filterPanelLineNum
-      })
-    );
-    return (_ctx, _cache) => {
-      const _component_BwaPctMultipleMenuCondition = vue.resolveComponent("BwaPctMultipleMenuCondition");
-      const _component_BwaPctInputCondition = vue.resolveComponent("BwaPctInputCondition");
-      const _component_BwaPctDateRangeCondition = vue.resolveComponent("BwaPctDateRangeCondition");
-      const _component_ElInput = vue.resolveComponent("ElInput");
-      const _component_ElButton = vue.resolveComponent("ElButton");
-      const _component_ElCheckbox = vue.resolveComponent("ElCheckbox");
-      const _component_BwaAdvanceOption = vue.resolveComponent("BwaAdvanceOption");
-      const _component_BwaAdvanceSelect = vue.resolveComponent("BwaAdvanceSelect");
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(ns).b())
-      }, [
-        vue.renderSlot(_ctx.$slots, "default", {}, () => [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(currentFilterColumns), (column) => {
-            return vue.renderSlot(_ctx.$slots, `condition-${column.attrName}`, {
-              key: column.attrName,
-              attrName: column.attrName
-            }, () => [
-              vue.createVNode(pctFilterPanelItem["default"], {
-                prop: column.fullAttrName
-              }, {
-                default: vue.withCtx(({ data }) => {
-                  var _a, _b;
-                  return [
-                    !column.component || column.component === "BwaMultipleMenuCondition" || column.component === "BwaSingleMenuCondition" ? (vue.openBlock(), vue.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"])) : vue.createCommentVNode("v-if", true),
-                    column.component === "BwaInputCondition" ? (vue.openBlock(), vue.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"])) : vue.createCommentVNode("v-if", true),
-                    column.component === "BwaDateRangeCondition" ? (vue.openBlock(), vue.createBlock(_component_BwaPctDateRangeCondition, {
-                      key: 2,
-                      modelValue: data.value,
-                      "onUpdate:modelValue": ($event) => data.value = $event,
-                      showTitle: props.showTitle
-                    }, null, 8, ["modelValue", "onUpdate:modelValue", "showTitle"])) : vue.createCommentVNode("v-if", true)
-                  ];
-                }),
-                _: 2
-              }, 1032, ["prop"])
-            ]);
-          }), 128))
-        ]),
-        __props.showSearch ? (vue.openBlock(), vue.createElementBlock("div", {
+
+const props = __props;
+
+defineOptions({
+  name: 'BwaPctFilterPanel',
+});
+
+
+
+
+
+const ns = webBaseClientVue.useNamespace('pctfilterpanel');
+
+const {
+  dataTable,
+  filterPanel,
+  currentFilterColumns,
+  selectedColumnAttrNames,
+  closableColumns,
+  searchParams,
+  handleFieldSearch,
+  searchValue,
+  isChange,
+  handleReset,
+    handleSearch
+} = useFilterPanel.useFilterPanel(props, { emit });
+console.log(currentFilterColumns);
+vue.watch(
+  filterPanel,
+  (filterPanel, _, onCleanup) => {
+    filterPanel.existComponent = true;
+
+    onCleanup(() => {
+      filterPanel.existComponent = false;
+    });
+  },
+  { immediate: true }
+);
+
+vue.provide(
+  webBaseClientVue.filterPanelKey,
+  vue.reactive({
+    dataTable,
+    filterPanel,
+    currentFilterColumns,
+      showTitle: props.showTitle,
+      filterPanelLineNum: props.filterPanelLineNum
+  })
+);
+
+return (_ctx, _cache) => {
+  const _component_BwaPctMultipleMenuCondition = vue.resolveComponent("BwaPctMultipleMenuCondition");
+  const _component_BwaPctInputCondition = vue.resolveComponent("BwaPctInputCondition");
+  const _component_BwaPctDateRangeCondition = vue.resolveComponent("BwaPctDateRangeCondition");
+  const _component_ElInput = vue.resolveComponent("ElInput");
+  const _component_ElButton = vue.resolveComponent("ElButton");
+  const _component_ElCheckbox = vue.resolveComponent("ElCheckbox");
+  const _component_BwaAdvanceOption = vue.resolveComponent("BwaAdvanceOption");
+  const _component_BwaAdvanceSelect = vue.resolveComponent("BwaAdvanceSelect");
+
+  return (vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(vue.unref(ns).b())
+  }, [
+    vue.renderSlot(_ctx.$slots, "default", {}, () => [
+      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(currentFilterColumns), (column) => {
+        return vue.renderSlot(_ctx.$slots, `condition-${column.attrName}`, {
+          key: column.attrName,
+          attrName: column.attrName
+        }, () => [
+          vue.createVNode(pctFilterPanelItem["default"], {
+            prop: column.fullAttrName
+          }, {
+            default: vue.withCtx(({ data }) => [
+              (!column.component || column.component === 'BwaMultipleMenuCondition'|| column.component === 'BwaSingleMenuCondition')
+                ? (vue.openBlock(), vue.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"]))
+                : vue.createCommentVNode("v-if", true),
+              (column.component === 'BwaInputCondition')
+                ? (vue.openBlock(), vue.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"]))
+                : vue.createCommentVNode("v-if", true),
+              (column.component === 'BwaDateRangeCondition')
+                ? (vue.openBlock(), vue.createBlock(_component_BwaPctDateRangeCondition, {
+                    key: 2,
+                    modelValue: data.value,
+                    "onUpdate:modelValue": $event => ((data.value) = $event),
+                    showTitle: props.showTitle
+                  }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue", "showTitle"]))
+                : vue.createCommentVNode("v-if", true)
+            ]),
+            _: 2 /* DYNAMIC */
+          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["prop"])
+        ])
+      }), 128 /* KEYED_FRAGMENT */))
+    ]),
+    (__props.showSearch)
+      ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
-          style: vue.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: vue.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 ? (vue.openBlock(), vue.createElementBlock("div", {
-            key: 0,
-            class: vue.normalizeClass(vue.unref(ns).e("title")),
-            style: { "padding-right": "8px" }
-          }, vue.toDisplayString(__props.searchTitle), 3)) : vue.createCommentVNode("v-if", true),
+          (__props.showTitle)
+            ? (vue.openBlock(), vue.createElementBlock("div", {
+                key: 0,
+                class: vue.normalizeClass(vue.unref(ns).e('title')),
+                style: {"padding-right":"8px"}
+              }, vue.toDisplayString(__props.searchTitle), 3 /* TEXT, CLASS */))
+            : vue.createCommentVNode("v-if", true),
           vue.createVNode(_component_ElInput, {
             "prefix-icon": "Search",
-            size: "small",
             clearable: "",
             modelValue: vue.unref(searchValue),
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => vue.isRef(searchValue) ? searchValue.value = $event : null),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (vue.isRef(searchValue) ? (searchValue).value = $event : null)),
             placeholder: __props.searchPlaceholder,
-            class: vue.normalizeClass(vue.unref(ns).e("search"))
-          }, null, 8, ["modelValue", "placeholder", "class"])
-        ], 4)) : vue.createCommentVNode("v-if", true),
-        __props.showFieldOptions ? (vue.openBlock(), vue.createBlock(pctFilterPanelItem["default"], {
+            class: vue.normalizeClass(vue.unref(ns).e('search'))
+          }, null, 8 /* PROPS */, ["modelValue", "placeholder", "class"])
+        ], 4 /* STYLE */))
+      : vue.createCommentVNode("v-if", true),
+    (__props.showFieldOptions)
+      ? (vue.openBlock(), vue.createBlock(pctFilterPanelItem["default"], {
           key: 1,
-          style: { "width": "auto", "padding-right": "16px" }
+          style: {"width":"auto","padding-right":"16px"}
         }, {
           default: vue.withCtx(() => [
-            __props.showFieldOptions ? (vue.openBlock(), vue.createBlock(_component_BwaAdvanceSelect, {
-              key: 0,
-              modelValue: vue.unref(selectedColumnAttrNames),
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => vue.isRef(selectedColumnAttrNames) ? selectedColumnAttrNames.value = $event : null),
-              "show-selectIcon": false,
-              onSearch: vue.unref(handleFieldSearch),
-              class: vue.normalizeClass(vue.unref(ns).e("options")),
-              source: "pct"
-            }, {
-              "reference-content": vue.withCtx(() => [
-                vue.createVNode(_component_ElButton, {
-                  size: "small",
-                  class: vue.normalizeClass(vue.unref(ns).e("filterBut"))
+            (__props.showFieldOptions)
+              ? (vue.openBlock(), vue.createBlock(_component_BwaAdvanceSelect, {
+                  key: 0,
+                  modelValue: vue.unref(selectedColumnAttrNames),
+                  "onUpdate:modelValue": _cache[2] || (_cache[2] = $event => (vue.isRef(selectedColumnAttrNames) ? (selectedColumnAttrNames).value = $event : null)),
+                  "show-selectIcon": false,
+                  onSearch: vue.unref(handleFieldSearch),
+                  class: vue.normalizeClass(vue.unref(ns).e('options')),
+                  source: "pct"
                 }, {
-                  default: vue.withCtx(() => [
-                    vue.createElementVNode("div", {
-                      class: vue.normalizeClass(vue.unref(ns).be("filter", "plus"))
-                    }, null, 2),
-                    vue.createElementVNode("span", {
-                      class: vue.normalizeClass(vue.unref(ns).be("filter", "label"))
-                    }, " \u7B5B\u9009 ", 2)
+                  "reference-content": vue.withCtx(() => [
+                    vue.createVNode(_component_ElButton, {
+                      class: vue.normalizeClass(vue.unref(ns).e('filterBut'))
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createElementVNode("div", {
+                          class: vue.normalizeClass(vue.unref(ns).be('filter', 'plus'))
+                        }, null, 2 /* CLASS */),
+                        vue.createElementVNode("span", {
+                          class: vue.normalizeClass(vue.unref(ns).be('filter', 'label'))
+                        }, " 筛选 ", 2 /* CLASS */)
+                      ]),
+                      _: 1 /* STABLE */
+                    }, 8 /* PROPS */, ["class"])
                   ]),
-                  _: 1
-                }, 8, ["class"])
-              ]),
-              default: vue.withCtx(() => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(closableColumns), (column) => {
-                  return vue.openBlock(), vue.createBlock(_component_BwaAdvanceOption, {
-                    value: column.fullAttrName,
-                    label: column.title,
-                    key: column.fullAttrName,
-                    class: vue.normalizeClass(vue.unref(ns).be("filter", "option"))
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createVNode(_component_ElCheckbox, {
-                        onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {
-                        }, ["prevent"])),
-                        modelValue: vue.unref(selectedColumnAttrNames).includes(column.fullAttrName),
-                        class: vue.normalizeClass(vue.unref(ns).be("filter", "checkbox"))
+                  default: vue.withCtx(() => [
+                    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(closableColumns), (column) => {
+                      return (vue.openBlock(), vue.createBlock(_component_BwaAdvanceOption, {
+                        value: column.fullAttrName,
+                        label: column.title,
+                        key: column.fullAttrName,
+                        class: vue.normalizeClass(vue.unref(ns).be('filter', 'option'))
                       }, {
                         default: vue.withCtx(() => [
-                          vue.createTextVNode(vue.toDisplayString(column.title), 1)
+                          vue.createVNode(_component_ElCheckbox, {
+                            onClick: _cache[1] || (_cache[1] = vue.withModifiers(() => {}, ["prevent"])),
+                            modelValue: vue.unref(selectedColumnAttrNames).includes(column.fullAttrName),
+                            class: vue.normalizeClass(vue.unref(ns).be('filter', 'checkbox'))
+                          }, {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode(vue.toDisplayString(column.title), 1 /* TEXT */)
+                            ]),
+                            _: 2 /* DYNAMIC */
+                          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "class"]),
+                          vue.createElementVNode("span", {
+                            class: vue.normalizeClass(vue.unref(ns).be('filter', 'title'))
+                          }, vue.toDisplayString(column.componentTitle), 3 /* TEXT, CLASS */)
                         ]),
-                        _: 2
-                      }, 1032, ["modelValue", "class"]),
-                      vue.createElementVNode("span", {
-                        class: vue.normalizeClass(vue.unref(ns).be("filter", "title"))
-                      }, vue.toDisplayString(column.componentTitle), 3)
-                    ]),
-                    _: 2
-                  }, 1032, ["value", "label", "class"]);
-                }), 128))
-              ]),
-              _: 1
-            }, 8, ["modelValue", "onSearch", "class"])) : vue.createCommentVNode("v-if", true)
-          ]),
-          _: 1
-        })) : vue.createCommentVNode("v-if", true),
-        vue.createVNode(_component_ElButton, {
-          size: "small",
-          type: "primary",
-          class: vue.normalizeClass(vue.unref(ns).e("reset")),
-          onClick: vue.unref(handleSearch)
-        }, {
-          default: vue.withCtx(() => [
-            vue.createTextVNode(" \u67E5\u8BE2 ")
-          ]),
-          _: 1
-        }, 8, ["class", "onClick"]),
-        vue.createVNode(_component_ElButton, {
-          size: "small",
-          class: vue.normalizeClass(vue.unref(ns).e("reset")),
-          onClick: vue.unref(handleReset)
-        }, {
-          default: vue.withCtx(() => [
-            vue.createTextVNode(" \u91CD\u7F6E ")
+                        _: 2 /* DYNAMIC */
+                      }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["value", "label", "class"]))
+                    }), 128 /* KEYED_FRAGMENT */))
+                  ]),
+                  _: 1 /* STABLE */
+                }, 8 /* PROPS */, ["modelValue", "onSearch", "class"]))
+              : vue.createCommentVNode("v-if", true)
           ]),
-          _: 1
-        }, 8, ["class", "onClick"]),
-        vue.renderSlot(_ctx.$slots, "button")
-      ], 2);
-    };
-  }
-});
-var PctFilterPanel = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "pct-filter-panel.vue"]]);
+          _: 1 /* STABLE */
+        }))
+      : vue.createCommentVNode("v-if", true),
+    vue.createVNode(_component_ElButton, {
+      type: "primary",
+      class: vue.normalizeClass(vue.unref(ns).e('reset')),
+      onClick: vue.unref(handleSearch)
+    }, {
+      default: vue.withCtx(() => [
+        vue.createTextVNode(" 查询 ")
+      ]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["class", "onClick"]),
+    vue.createVNode(_component_ElButton, {
+      class: vue.normalizeClass(vue.unref(ns).e('reset')),
+      onClick: vue.unref(handleReset)
+    }, {
+      default: vue.withCtx(() => [
+        vue.createTextVNode(" 重置 ")
+      ]),
+      _: 1 /* STABLE */
+    }, 8 /* PROPS */, ["class", "onClick"]),
+    vue.renderSlot(_ctx.$slots, "button")
+  ], 2 /* CLASS */))
+}
+}
+
+};
+var PctFilterPanel = /*#__PURE__*/_pluginVue_exportHelper["default"](_sfc_main, [['__file',"pct-filter-panel.vue"]]);
 
 exports["default"] = PctFilterPanel;

package/lib/progress/progress-item.js

@@ -7,66 +7,86 @@ var rxjs = require('rxjs');
 var webBaseClientVue = require('@ctzy-web-client/web-base-client-vue');
 var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
 
-const __default__ = vue.defineComponent({ name: "BwaProgressItem" });
-const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
-  props: {
-    width: { type: Number, default: 0 },
-    label: { type: String, required: true }
-  },
+const _sfc_main = {
+  __name: 'progress-item',
+  props: {
+  width: { type: Number, default: 0 },
+  label: { type: String, required: true },
+},
   setup(__props) {
-    const props = __props;
-    const { width, label } = vue.toRefs(props);
-    const ns = webBaseClientVue.useNamespace("progress-item");
-    const progressItemEl = vue.ref(null);
-    const progress = vue.inject(webBaseClientVue.progressKey);
-    const percent = vue.computed(() => vue.unref(width) / progress.max * 100 + "%");
-    const attrs = vue.useAttrs();
-    const id = progress.nextID();
-    const colorObservable = new rxjs.Observable(
-      (observer) => vue.watch(
-        vue.computed(() => attrs.style["--bwa-progress-item-color"]),
-        observer.next.bind(observer),
-        { immediate: true }
-      )
-    ).pipe(rxjs.delayWhen(() => rxjs.from(vue.nextTick())));
-    const widthObservable = new rxjs.Observable(
-      (observer) => vue.watch(width, observer.next.bind(observer), { immediate: true })
-    ).pipe(rxjs.map((width2) => parseInt(width2) || 0));
-    const labelObservable = new rxjs.Observable(
-      (observer) => vue.watch(label, observer.next.bind(observer), { immediate: true })
-    ).pipe();
-    const progressItemObservable = rxjs.combineLatest([
-      widthObservable,
-      labelObservable,
-      colorObservable
-    ]);
-    const subscription = progressItemObservable.subscribe({
-      next: ([width2, label2, color]) => {
-        progress.handleProgressItemCreate({
-          id,
-          width: width2,
-          label: label2,
-          color
-        });
-      },
-      complete: () => {
-        progress.handleProgressItemDestroy(id);
-      },
-      error: () => {
-        progress.handleProgressItemDestroy(id);
-      }
-    });
-    vue.onBeforeUnmount(subscription.unsubscribe.bind(subscription));
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(vue.unref(ns).b()),
-        style: vue.normalizeStyle({ width: vue.unref(percent) }),
-        ref_key: "progressItemEl",
-        ref: progressItemEl
-      }, null, 6);
-    };
-  }
-});
-var ProgressItem = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "progress-item.vue"]]);
+
+const props = __props;
+
+defineOptions({ name: 'BwaProgressItem' });
+
+
+
+const { width, label } = vue.toRefs(props);
+
+const ns = webBaseClientVue.useNamespace('progress-item');
+
+const progressItemEl = vue.ref(null);
+
+const progress = vue.inject(webBaseClientVue.progressKey);
+
+const percent = vue.computed(() => (vue.unref(width) / progress.max) * 100 + '%');
+
+const attrs = vue.useAttrs();
+
+const id = progress.nextID();
+
+const colorObservable = new rxjs.Observable((observer) =>
+  vue.watch(
+    vue.computed(() => attrs.style['--bwa-progress-item-color']),
+    observer.next.bind(observer),
+    { immediate: true }
+  )
+).pipe(rxjs.delayWhen(() => rxjs.from(vue.nextTick())));
+
+const widthObservable = new rxjs.Observable((observer) =>
+  vue.watch(width, observer.next.bind(observer), { immediate: true })
+).pipe(rxjs.map((width) => parseInt(width) || 0));
+
+const labelObservable = new rxjs.Observable((observer) =>
+  vue.watch(label, observer.next.bind(observer), { immediate: true })
+).pipe();
+
+const progressItemObservable = rxjs.combineLatest([
+  widthObservable,
+  labelObservable,
+  colorObservable,
+]);
+
+const subscription = progressItemObservable.subscribe({
+  next: ([width, label, color]) => {
+    progress.handleProgressItemCreate({
+      id,
+      width,
+      label,
+      color,
+    });
+  },
+  complete: () => {
+    progress.handleProgressItemDestroy(id);
+  },
+  error: () => {
+    progress.handleProgressItemDestroy(id);
+  },
+});
+
+vue.onBeforeUnmount(subscription.unsubscribe.bind(subscription));
+
+return (_ctx, _cache) => {
+  return (vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(vue.unref(ns).b()),
+    style: vue.normalizeStyle({ width: vue.unref(percent) }),
+    ref_key: "progressItemEl",
+    ref: progressItemEl
+  }, null, 6 /* CLASS, STYLE */))
+}
+}
+
+};
+var ProgressItem = /*#__PURE__*/_pluginVue_exportHelper["default"](_sfc_main, [['__file',"progress-item.vue"]]);
 
 exports["default"] = ProgressItem;