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

package/es/utils.mjs

@@ -0,0 +1,99 @@
+import { computed, unref, inject, isProxy, isRef, markRaw, resolveComponent } from 'vue';
+import get from 'lodash/get';
+import set from 'lodash/set';
+
+const COMPONENT_NAME_PREFIX = "Bwa";
+const createComponentName = (component) => {
+  component.name = COMPONENT_NAME_PREFIX + component.name;
+};
+const useDynamicComponent = (props, {
+  emit
+}, defaultComponent, attributeName = "attrName") => {
+  const column = computed(() => props.column);
+  const componentProps = computed(() => {
+    const _column = unref(column);
+    if (!_column) {
+      return {};
+    }
+    const originalComponentProps = _column.componentProps;
+    const _componentProps = {
+      ...originalComponentProps
+    };
+    Object.keys(_componentProps).forEach((key) => {
+      let val = _componentProps[key];
+      if (val && typeof val == "string" && val.indexOf("inject:") == 0) {
+        let injectNode = val.replace("inject:", "");
+        let injectInfo = injectNode.split(".");
+        let injectScope = injectInfo.shift();
+        let injectObj = inject(injectScope);
+        if (injectInfo.length) {
+          _componentProps[key] = get(injectObj, injectInfo.join("."));
+        } else {
+          _componentProps[key] = injectObj;
+        }
+        if (isProxy(_componentProps[key])) {
+          _componentProps[key] = isRef(_componentProps[key]) ? _componentProps[key].value : _componentProps[key];
+        }
+      } else {
+        _componentProps[key] = val;
+      }
+    });
+    return _componentProps;
+  });
+  const isFunctionComponent = computed(() => {
+    var _a;
+    return typeof ((_a = unref(column)) == null ? void 0 : _a.component) == "function";
+  });
+  const component = computed(() => {
+    const _column = unref(column);
+    if (unref(isFunctionComponent)) {
+      return markRaw(_column == null ? void 0 : _column.component({
+        record: props.record,
+        column,
+        value: props.modelValue,
+        props: componentProps
+      }));
+    }
+    return markRaw(resolveComponent(_column.component || defaultComponent));
+  });
+  const params = computed(() => {
+    const _column = unref(column);
+    const _params = {
+      ...unref(componentProps)
+    };
+    const _component = unref(component);
+    if (!_component) {
+      return _params;
+    }
+    if (_component.emits) {
+      let emits = _component.emits || [];
+      if (!Array.isArray(emits) && emits && typeof emits === "object") {
+        emits = Object.keys(emits);
+      }
+      if (Array.isArray(emits) && emits.find((eventName) => ["onUpdate:modelValue", "onUpdate:model-value", "update:modelValue", "update:model-value"].includes(eventName))) {
+        _params["modelValue"] = get(props.record, _column[attributeName]);
+        _params["onUpdate:modelValue"] = (val) => {
+          set(props.record, _column[attributeName], val);
+        };
+      } else {
+        _params["value"] = get(props.record, _column[attributeName]);
+      }
+      if (emits.find((eventName) => eventName == "on-change")) {
+        _params["on-change"] = (event) => emit("on-change", {
+          data: event,
+          column
+        });
+      }
+    } else {
+      _params["value"] = get(props.record, _column[attributeName]);
+    }
+    Object.assign(_params, unref(componentProps));
+    return _params;
+  });
+  return {
+    params,
+    component
+  };
+};
+
+export { COMPONENT_NAME_PREFIX, createComponentName, useDynamicComponent };

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

@@ -0,0 +1 @@
+

package/es/where-filter-panel/use-where-filter-panel.mjs

@@ -0,0 +1,18 @@
+import { useProp } from 'element-plus';
+import { computed, unref } from 'vue';
+import { useGlobalConfig } from 'web-base-client-vue';
+
+const usewhereFilterPanel = (props, context) => {
+  const dataTable = useProp("dataTable");
+  const debounceDelay = useGlobalConfig("debounceDelay", 500);
+  const where = computed(() => unref(dataTable).where);
+  const filterColumns = computed(() => unref(dataTable).getFilterColumns());
+  const fixedColumns = computed(() => filterColumns.value.filter((column) => !column.closable));
+  const originalClosableColumns = computed(() => filterColumns.value.filter((column) => column.closable));
+  const addFilter = () => {
+  };
+  const removeFilter = () => {
+  };
+};
+
+export { usewhereFilterPanel };

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

@@ -0,0 +1,17 @@
+import { defineComponent, openBlock, createElementBlock } from 'vue';
+import _export_sfc from '../_virtual/_plugin-vue_export-helper.mjs';
+
+const __default__ = defineComponent({
+  name: "BwaWhereFilterPanel"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  setup(__props) {
+    ;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div");
+    };
+  }
+});
+var whereFilterPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "where-filter-panel.vue"]]);
+
+export { whereFilterPanel as default };

package/lib/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+
+exports["default"] = _export_sfc;

package/lib/advance-select/advance-operation.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var webBaseClientVue = require('web-base-client-vue');
+var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
+
+const __default__ = vue.defineComponent({
+  name: "BwaAdvanceOperation"
+});
+const _sfc_main = /* @__PURE__ */ Object.assign(__default__, {
+  props: {
+    border: {
+      type: Boolean,
+      default: false
+    },
+    type: {
+      type: String,
+      default: "button"
+    }
+  },
+  emits: ["click"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const advanceSelect = vue.inject(webBaseClientVue.advanceSelectKey);
+    const clickHandle = () => {
+      if (props.type !== "button") {
+        return;
+      }
+      advanceSelect.hidePoppper();
+      emit("click");
+    };
+    const ns = webBaseClientVue.useNamespace("advance");
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([vue.unref(ns).be("select", "operation"), vue.unref(ns).is("border", __props.border)]),
+        onClick: clickHandle
+      }, [
+        vue.renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+var AdvanceOperation = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["__file", "advance-operation.vue"]]);
+
+exports["default"] = AdvanceOperation;

package/lib/advance-select/advance-option.js

@@ -0,0 +1,129 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('element-plus');
+var vue = require('vue');
+var webBaseClientVue = require('web-base-client-vue');
+var eventsHelpers = require('./events-helpers.js');
+var useAdvanceOption = require('./use-advance-option.js');
+var _pluginVue_exportHelper = require('../_virtual/_plugin-vue_export-helper.js');
+
+const _sfc_main = {
+  name: "BwaAdvanceOption",
+  props: {
+    label: {
+      type: [String, Number, Boolean]
+    },
+    value: {
+      type: null
+    }
+  },
+  expose: ["currentLabel"],
+  setup(props, { expose }) {
+    const instance = vue.getCurrentInstance();
+    const ns = webBaseClientVue.useNamespace("advance");
+    const { handleOptionMouseEnter } = eventsHelpers.useEvent(ns);
+    const { advanceSelect, currentLabel, itemSelected, showSelectIcon, source } = useAdvanceOption.useAdvanceOption(props);
+    const show = vue.ref(true);
+    const clickFlag = vue.ref(true);
+    const contentText = vue.ref();
+    expose({ currentLabel });
+    const filterOptionClick = () => {
+      advanceSelect.handleOptionSelect(instance.proxy);
+    };
+    const isShow = async () => {
+      const dom = document.querySelector(`.content-label-${props.value} .bwa-advance-option__content-label`);
+      if (dom) {
+        const scrollWidth = document.querySelector(`.content-label-${props.value} .bwa-advance-option__content-label`).scrollWidth;
+        const offsetWidth = document.querySelector(`.content-label-${props.value} .bwa-advance-option__content-label`).offsetWidth;
+        if (scrollWidth > offsetWidth) {
+          show.value = false;
+        } else {
+          show.value = true;
+        }
+      }
+    };
+    const listenerClickFunction = () => {
+      setTimeout(() => {
+        isShow();
+      }, 100);
+    };
+    return {
+      show,
+      ns,
+      currentLabel,
+      itemSelected,
+      showSelectIcon,
+      filterOptionClick,
+      handleOptionMouseEnter,
+      source
+    };
+  }
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ElCheckbox = vue.resolveComponent("ElCheckbox");
+  const _component_ElTooltip = vue.resolveComponent("ElTooltip");
+  const _component_Select = vue.resolveComponent("Select");
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass($setup.ns.b("option")),
+    onClick: _cache[1] || (_cache[1] = vue.withModifiers((...args) => $setup.filterOptionClick && $setup.filterOptionClick(...args), ["stop"]))
+  }, [
+    vue.createCommentVNode(' @mouseenter="handleOptionMouseEnter" '),
+    vue.createElementVNode("div", {
+      class: vue.normalizeClass(`${$setup.ns.be("option", "content")} content-label-${$props.value}`)
+    }, [
+      vue.renderSlot(_ctx.$slots, "default", {}, () => [
+        vue.createVNode(_component_ElTooltip, {
+          placement: "top",
+          "append-to": ".bwa-application",
+          disabled: $setup.currentLabel.length < 16
+        }, {
+          content: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString($setup.currentLabel), 1)
+          ]),
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass($setup.ns.be("option", "content-label")),
+              ref: "contentText"
+            }, [
+              $setup.source === "pct" && !$setup.showSelectIcon ? (vue.openBlock(), vue.createBlock(_component_ElCheckbox, {
+                key: 0,
+                onClick: _cache[0] || (_cache[0] = vue.withModifiers(() => {
+                }, ["prevent"])),
+                class: vue.normalizeClass($setup.ns.be("filter", "checkbox")),
+                modelValue: $setup.itemSelected,
+                style: { "height": "26px" }
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createElementVNode("div", {
+                    class: vue.normalizeClass($setup.ns.be("option", "content-label")),
+                    style: { "width": "178px" }
+                  }, vue.toDisplayString($setup.currentLabel), 3)
+                ]),
+                _: 1
+              }, 8, ["class", "modelValue"])) : (vue.openBlock(), vue.createElementBlock("div", {
+                key: 1,
+                class: vue.normalizeClass([$setup.ns.be("option", "content-label"), $setup.ns.is("selected", $setup.source === "pct" && $setup.itemSelected && $setup.showSelectIcon)])
+              }, vue.toDisplayString($setup.currentLabel), 3))
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ])
+    ], 2),
+    $setup.itemSelected && $setup.showSelectIcon ? (vue.openBlock(), vue.createBlock(_component_ElIcon, {
+      key: 0,
+      class: vue.normalizeClass($setup.ns.be("option", "selected"))
+    }, {
+      default: vue.withCtx(() => [
+        vue.createVNode(_component_Select)
+      ]),
+      _: 1
+    }, 8, ["class"])) : vue.createCommentVNode("v-if", true)
+  ], 2);
+}
+var AdvanceOption = /* @__PURE__ */ _pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render], ["__file", "advance-option.vue"]]);
+
+exports["default"] = AdvanceOption;