@ctzy-web-client/plugin-component-vue 1.0.8 → 1.0.9

package/es/utils.mjs

@@ -1,99 +0,0 @@
-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

@@ -1 +0,0 @@
-

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

@@ -1,18 +0,0 @@
-import { useProp } from 'element-plus';
-import { computed, unref } from 'vue';
-import { useGlobalConfig } from '@ctzy-web-client/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

@@ -1,17 +0,0 @@
-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

@@ -1,13 +0,0 @@
-'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

@@ -1,47 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var vue = require('vue');
-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: "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

@@ -1,129 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('element-plus');
-var vue = require('vue');
-var webBaseClientVue = require('@ctzy-web-client/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;